セマンティック HTML タグの紹介

セマンティック HTML タグの紹介
ここ数年、ウェブサイト開発では DIV+CSS が非常に人気があり、当時は大きな騒動を引き起こしました。しかしその後、純粋な DIV + CSS はフロントエンド開発のプログラマーによって放棄され、「セマンティック タグ付け」という用語が登場しました。
それで、この言葉はどういう意味でしょうか?以下は百度百科事典からの抜粋です。
HTML タグのセマンティクス: HTML タグの意味
まず、セマンティクスとデフォルトスタイルの違いについてお話ししましょう。デフォルトスタイルとは、ブラウザが設定するいくつかの共通タグの表現方法です。タグ(マークアップ)と属性(アトリビュート)の目的と機能を誰もが直感的に理解できるようにすることが主な目的だと思います。明らかに、Hxシリーズは太字でフォントサイズが大きいため、タイトルのように見えます。は、他の文字と区別し、強調するために使用されます。リストとテーブルについては、それが何をするのかは明らかです。
では、この一節をどうしたらよく理解できるのでしょうか?実際、この段落は、必要なタグは何でも使用し、意図的に DIV レイアウトを使用しないことを示しています。たとえば、太字などを追加したい場合は、直接使用でき、レンダリングにクラスを使用する必要はありません。より自然に。たとえば、ページ内でテーブルレイアウトを適切に使用することもできます。テーブルは SEO に良くないと言ったのは誰ですか? Baidu でもテーブルが使用されています。したがって、より便利な方、より明確な構造を持つ方を使用してください。 DIV + CSS レイアウトという用語を削除します。

<<:  nginx で複数のフロントエンド プロジェクトをデプロイするいくつかの方法

>>:  ウェブデザイン実践者必読のキャリアプラン

推薦する

優れたウェブサイトのコピーライティングと優れたユーザーエクスペリエンス

ウェブサイトを見るというのは、実は美しい女性を評価するようなものです。見た目を見るとき、私たちは見た...

Nginx でアクセス頻度、ダウンロード速度、同時接続数を制限する方法

1. アクセス頻度、同時接続、ダウンロード速度を制限するために使用されるモジュールと命令の概要ngx...

リソースアップロード機能を実現するための SpringBoot+nginx の詳細な例

最近、画像、ビデオ、CSS/JS などの静的リソースを配置するために nginx を使用する方法を学...

HTML フォーム タグの使用方法を学ぶチュートリアル

HTML のフォームを使用して、ユーザーからさまざまな種類の入力情報を収集できます。フォームは、実際...

JavaScript におけるブラウザ互換性の問題について簡単に説明します

ブラウザの互換性は、実際の開発では見落とされがちな最も重要な部分です。古いバージョンのブラウザの互換...

88 秒で 1,000 万件のレコードを MySQL データベース テーブルに挿入する方法

私が使用しているデータベースはMySQLデータベースバージョン5.7ですまずデータベーステーブルを自...

mycat を使用して MySQL データベースの読み取りと書き込みの分離を実装する例

MyCATとはエンタープライズアプリケーション開発のための完全にオープンソースの大規模データベースク...

MySQLがファントムリードを解決する方法の詳細な説明

1. ファントムリーディングとは何ですか?トランザクションにおいて、複数のクエリの後に結果セットの数...

VMware Workstation のインストール Linux システム

始める段階から初心者になるまで、Linux オペレーティング システムは不可欠です。最初のステップは...

CSS ロリポップを描くサンプルコード

背景: 毎日少しずつ進歩し、少しずつ積み重ねていけば、どんどん良くなっていきますコード: <!...

Windows システムに MySQL を素早くインストールして展開する方法 (グリーンの無料インストール バージョン)

まずは緑色の無料インストール版のMySQLをダウンロードします。任意のフォルダに入れて構いません。今...

フレックスレイアウトは左のテキストオーバーフローを実現し、右のテキストの適応を省略します

テキストの長さに応じて、左側のテキストの幅を自動調整できる状況を実現したい。1行が表示できない場合、...

Vueは物流タイムライン効果を実現します

この記事では、物流タイムライン効果を実現するためのVueの具体的なコードを例として紹介します。具体的...

VMWare を使用して Windows 上で Linux 環境を構築する手順 (画像とテキスト)

Mac を返却して以来、元のラップトップは使用されていません。このラップトップの構成は非常に良好で...

Linux 上の Vim で色とテーマを変更する方法

Vim は Linux でよく使用されるテキスト エディターです。 Vim は、Sublime や ...