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

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

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

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

推薦する

MySQL ステートメントコメントの紹介

MySQL は次の 3 種類のコメントをサポートしています。 1. 行末の「#」文字から。 2. 「...

JS でオブジェクト プロパティを簡単にトラバースするいくつかの方法

目次1. 自己列挙可能なプロパティ2. Object.values()はプロパティ値を返します3. ...

Docker を使用して MySQL および Redis サービスをデプロイする方法

目次Dockerを使用してMySQLサービスをデプロイする方法DockerでRedisサービスをデプ...

JS 矢印関数に適さないシナリオは何ですか?

目次概要オブジェクトにメソッドを定義するオブジェクトリテラルオブジェクトプロトタイプ動的コンテキスト...

MySQL バックアップ スクリプトの書き方

序文:データベースのバックアップの重要性は、特にデータの損失が深刻な結果を招く可能性がある実稼働環境...

MySQLサービスを開くおよび閉じる2つの方法

方法1: cmdコマンドを使用するまず、DOS ウィンドウを開き、スタート、実行、cmd と入力しま...

Docker+Jenkinsを使用して自動的にビルドおよびデプロイする

この記事では、Docker+Jenkins の自動ビルドデプロイメントを紹介し、皆さんと共有します。...

Windows Server win2003、win2008R2、win2012、win2016、win2019 システム バージョン間の違い

最近、Microsoft は 2019 サーバー システムをリリースしました。一般的に、Micros...

更新SQL文に基づくMySQLロックの理解

序文MySQL データベース ロックは、データの一貫性を実現し、同時実行性の問題を解決するための重要...

vscodeでnpmを使用してbabelをインストールする方法

序文前回の記事ではNode.jsのインストールと設定を紹介しました。今回はVScodeでbableを...

Docker で既存のイメージに基づいて新しいイメージを構築する方法

既存のイメージから新しいイメージを構築することは、Dockerfile ドキュメントを通じて行われま...

Linux は suid vim.basic ファイルを使用して権限昇格を実現します。

カリで再現まず、必要なvim.basicファイルにsuid権限を設定します。 chmod u+s /...

HTML チュートリアル: 画像のサイズ、配置、間隔、境界線の属性を変更する方法

画像タグ: <img> ページに画像を挿入するには、「src」属性を持つ「img」タグを...

MySQL データベースでよく使用される SQL ステートメントの詳細と概要

この記事では、MySQL データベースでよく使用される SQL ステートメントを例を使用して説明しま...

Dockerイメージをインポートおよびエクスポートする方法

この記事では、移行、バックアップ、アップグレードなどのシナリオで使用される Docker イメージの...