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

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

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

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

推薦する

mysql 5.7.19 最新バイナリインストール

まず、公式ウェブサイト http://dev.mysql.com/downloads/mysql/ ...

Vue でのルーティングガードの具体的な使用法

目次1. グローバルガード1.1 グローバルフロントガード1.2 グローバルポストルートガード1.3...

Linux でのマルチスレッドにおけるフォークの紹介

目次質問:ケース(1)子スレッドを作成する前にフォークするケース(2)子スレッドを作成した後にフォー...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

Vue は小数点付きの星評価を実装します

この記事では、小数点付きの星評価を実装するためのVueの具体的なコードを参考までに共有します。具体的...

border-radiusは要素に丸い境界線を追加する方法です

border-radius:10px; /* すべての角は半径 10px で丸められます*/ bor...

子コンポーネントを通じて親コンポーネントのプロパティを変更するための Vue のさまざまな実装方法

目次序文一般的な方法1. 親コンポーネントを介して子コンポーネントの発行イベントをリッスンしてpro...

JavaScript の手ぶれ補正とスロットリングの詳細な説明

目次デバウンススロットル要約するデバウンス定義: スクロール イベントなど、短時間に連続してトリガー...

Windows での自動展開に Jenkins を使用するチュートリアル図

今日は、Jenkins + powershell スクリプトを使用して、.NET CORE スクリプ...

PSを使用して2分でxhtml+cssウェブサイトのホームページを作成します

xhtml+css のウェブサイト再構築、ウェブ標準などについては、記事が多すぎるので繰り返しません...

要素テーブルヘッダー行の高さの問題の解決

目次序文1. 問題の原因2. 解決策VueはelementUIテーブルtr thの高さと背景色を変更...

Vueのv-onパラメータの問題についてお話しましょう

Vue での v-on:clock の使用現在、vue.js フレームワークを学習しています。後で参...

Linuxサーバ侵入緊急対応記録(概要)

最近、お客様から支援の依頼を受けました。管理されている通信コンピュータ ルームから、サーバーの 1 ...

Mysqlはマスタースレーブ構成とマルチマスターマルチスレーブ構成を実装します

現在シミュレーションしているのは、マスター スレーブ システム (ホスト 1 台とスレーブ 1 台)...