Hタグはウェブページ制作において適切に使用すべきである

Hタグはウェブページ制作において適切に使用すべきである
HTML タグには、ページのタイトルを処理するための特別なタグがあります。これらは h1、h2、h3、h4、h5、h6 です。封建社会と同様に、h1 は全能の君主であり、h6 は最下層の人間です。

コードをコピー
コードは次のとおりです。

<h1>メインタイトルをここに記入してください</h1>
<h6>サブタイトル、ここに記入してください</h6>


コードをコピー
コードは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<ヘッド>
<title>私の最初のウェブページ - jb51.net</title>
</head>
<本文>
<h1>私の最初のウェブページ - jb51.net</h1>
<h2>これは何ですか</h2>
<p>HTML で作成されたシンプルな Web ページ</p>
<h2>目的</h2>
<p>HTML を学ぶ</p>
</本文>
</html>

h1 タグはページ上で 1 回しか使用できないことに注意してください。ページのメイン タイトルである場合は、複数回使用しないでください (記事のタイトルに相当します。サブタイトルは使用できますが、2 つの並列タイトルを使用することはありませんよね? - 翻訳者注 jb51.net)。
ただし、h2 から h6 は必要な回数だけ使用できますが、設計された順序に従って使用する必要があります。たとえば、h4 は h3 のサブ見出し、h3 は h2 のサブ見出し、というようになります。

<<:  テキストの両側に水平線を描くための CSS のサンプルコード

>>:  MySQLでデータベースのインストールパスを表示する方法

推薦する

XHTML チュートリアル: 初心者のための XHTML の基礎

<br />当サイトのオリジナルコンテンツですので、転載の際は出典を123WORDPRE...

MySQL 8.0 のインストール中に発生した 3 つの小さなエラーの概要

序文これまで当社ではMySQLの5.7シリーズを使用していましたが、バージョン8.0のリリースに合わ...

HttpsページでBaiduシェアを使用するためのソリューション

サイト全体で https アクセスを有効にしてから、共有コードが利用できなくなり、有効になっていた小...

MySql データベースにリモートでログインするにはどうすればよいですか?

はじめに: プロジェクトを開発するために、サーバーに MySql データベース サーバーを展開し、ロ...

mysql の not equal to null と equal to null の書き方の詳細説明

1. テーブル構造 2. 表データ 3. クエリのteacher_nameフィールドは空にすることは...

Nofollowタグの書き方と使い方

「nofollow」タグは数年前に Google、Yahoo、Microsoft によって提案されま...

HTML テーブルタグチュートリアル (21): 行の境界線の色属性 BORDERCOLOR

テーブルを美しくするために、行ごとに異なる境界線の色を設定できます。基本的な構文<TR 境界線...

Reactフック入門チュートリアル

ステートフック例: 'react' から useState をインポートします。 関...

HTML TextArea でのフォーマット保存の問題の解決方法

textarea の形式は保存時にデータベースに保存できますが、表示時には /n と相互に変換できな...

Linux スレッド間の同期と排他制御の知識ポイントのまとめ

スレッドが同時に実行される場合、スレッドがリソースを競合してデータの曖昧さが生じるのを防ぐために、重...

js を使ってシンプルな虫眼鏡効果を実現

この記事の例では、参考までに簡単な虫眼鏡効果を実現するためのjsの具体的なコードを共有しています。具...

CSS3 で z-index が効かない問題の解決方法

最近、CSS3 と js の組み合わせを作成したのですが、z-index が有効にならないケースが多...

MySQL InnoDBセカンダリインデックスのソート例の詳細な説明

ソート問題最近、Geek Time の「45 Lectures on MySQL Practice」...

ウェブデザイン経験

<br />著者はかつてWebデザインの初心者でしたが、継続的な探求と実践を通じて、今で...

HTML フローティング フレーム (iframe 読み込み HTML) の設定と使用の例

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...