ここ数年、ウェブサイト開発では DIV+CSS が非常に人気があり、当時は大きな騒動を引き起こしました。しかしその後、純粋な DIV + CSS はフロントエンド開発のプログラマーによって放棄され、「セマンティック タグ付け」という用語が登場しました。 それで、この言葉はどういう意味でしょうか?以下は百度百科事典からの抜粋です。 HTML タグのセマンティクス: HTML タグの意味。 まず、セマンティクスとデフォルトスタイルの違いについてお話ししましょう。デフォルトスタイルとは、ブラウザが設定するいくつかの共通タグの表現方法です。タグ(マークアップ)と属性(アトリビュート)の目的と機能を誰もが直感的に理解できるようにすることが主な目的だと思います。明らかに、Hxシリーズは太字でフォントサイズが大きいため、タイトルのように見えます。は、他の文字と区別し、強調するために使用されます。リストとテーブルについては、それが何をするのかは明らかです。 では、この一節をどうしたらよく理解できるのでしょうか?実際、この段落は、必要なタグは何でも使用し、意図的に DIV レイアウトを使用しないことを示しています。たとえば、太字などを追加したい場合は、直接使用でき、レンダリングにクラスを使用する必要はありません。より自然に。たとえば、ページ内でテーブルレイアウトを適切に使用することもできます。テーブルは SEO に良くないと言ったのは誰ですか? Baidu でもテーブルが使用されています。したがって、より便利な方、より明確な構造を持つ方を使用してください。 DIV + CSS レイアウトという用語を削除します。 |
<<: nginx で複数のフロントエンド プロジェクトをデプロイするいくつかの方法
注 1: 上の画像の背景全体がこの Web ページのフルサイズであり、中央の小さなボックスがブラウザ...
この記事の例では、ページング効果を実現するためのvue+Elementの具体的なコードを参考までに共...
名前を格納するフィールドが GBK 文字セットを使用している場合、GBK 内部コード自体がエンコード...
目次結合アルゴリズム駆動テーブルと非駆動テーブルの違い1. 単純なネストループ結合、単純なネスト、イ...
目次1. Vueの初期化vue エントリ ファイルフルバージョンとランタイムバージョンの違い1.1、...
1. 公式サイトにアクセスします: D:\mysql-5.7.21-winx64\bin をダウンロ...
MYSQLは大文字と小文字を区別します言葉を見れば信じられます。タイトルを見れば内容がわかります。 ...
目次序文1. どのような変数が促進されますか? 2. 可変プロモーションがあるのはなぜですか? (1...
IE6 と IE7 では CSS の解釈に多くの違いがあります。今日はそのうちの 1 つである高さに...
この記事では、ログイン認証コードを実装するためのvueの具体的なコードを例として紹介します。具体的な...
<br /> 第 1 部と第 2 部では、Web サイトのパフォーマンス、ページ コンテ...
これまでの 3 つの記事では、論理バックアップと物理バックアップを含む、MySQL データベースの一...
1. はじめに最近ブログをアップグレードし、記事ページの下部に前の記事と次の記事に直接ジャンプできる...
Azure Container Registry は、Docker Registry 2.0 仕様に...
序文長い間さまざまな資料を読んで、ついに selenium+testng のパラメータ化の問題を解決...