Web制作ではHタグを賢く使うべき
2022-02-04 04:02:50
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>
<head>
<title> My first webpage - jb51.net</title>
</head>
<body>
<h1> My first webpage - jb51.net</h1>
<h2>What is this</h2>
<p>HTML でまとめられた簡単な Web ページです</p>
<h2>Purpose</h2>
<p>HTMLを学ぶ</p>
</body>
</html>
h1タグは1ページに1回しか使えないことに注意してください。ページのメインタイトルであると仮定すれば、2回以上使ってはいけません（記事のタイトルに相当し、サブタイトルを付けることはできますが、2つ並べて使うことはないでしょう？--訳者注 jb51.net）。
ただし、h2～h6は何度でも使えますが、設計された順番で使う必要があります。例えば、h4はh3の小見出しに、h3はh2の小見出しに、というように。
コピーコード
コードは以下の通りです。
<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>
<head>
<title> My first webpage - jb51.net</title>
</head>
<body>
<h1> My first webpage - jb51.net</h1>
<h2>What is this</h2>
<p>HTML でまとめられた簡単な Web ページです</p>
<h2>Purpose</h2>
<p>HTMLを学ぶ</p>
</body>
</html>
h1タグは1ページに1回しか使えないことに注意してください。ページのメインタイトルであると仮定すれば、2回以上使ってはいけません（記事のタイトルに相当し、サブタイトルを付けることはできますが、2つ並べて使うことはないでしょう？--訳者注 jb51.net）。
ただし、h2～h6は何度でも使えますが、設計された順番で使う必要があります。例えば、h4はh3の小見出しに、h3はh2の小見出しに、というように。
関連
-
divにcontentEditable=trueを設定すると、内容をリセットした後にカーソルを配置できない。
-
HTMLにおけるフォームのセンタリング効果
-
10設計と大規模なWebサイトのアーキテクチャの生産は、問題を考慮する必要があります
-
input type=text value=str で不完全な解答を得る。
-
テーブルコンテンツの表示を高速化するtbodyタグの美点
-
HTMLにアンダーラインを設定する方法?htmlテキストアンダーラインメソッド
-
html特殊記号 html特殊文字比較表
-
DOCTYPE 文書型宣言（Web好き必見）
-
iframeアダプティブサイズ実装コード
-
ショートカットアイコンとアイコンコードの違いの紹介
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン