SYNCER

SYNCER

＜h6要素＞ - 見出し

公開日:

h1〜h6要素は、コンテンツの見出しを表す要素です。h1が最も高いランクで、番号が上がるにつれてランクが下がっていきます。ランクとは、コンテンツの階層のことだと考えると分かりやすいと思います。

概要

名前
h6
カテゴリー
Flow content
Heading content
Palpable content
配置できる場所
hgroup要素の子要素。
Flow contentが期待される場所。
コンテンツモデル
Phrasing content。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLHeadingElement
デフォルトのスタイル
h6 {
	display: block;
	font-size: 0.67em;
	-webkit-margin-before: 2.33em;
	-webkit-margin-after: 2.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
仕様書
https://html.spec.whatwg.org/multipage/semantics.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

属性

グローバル属性

全てのタグで利用できるグローバル属性を指定できます。

サンプルコード

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【デモ】＜h6要素＞ - 見出し</title>
		<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Element/h6/">
		<style>
			body {
				background-color: #fff ;
			}
		</style>
	</head>
	<body>

<p>コンテンツの階層で使い分けましょう。</p>

<h1>h1の見出し</h1>
<p>h1要素のコンテンツです。</p>

<h2>h2の見出し</h2>
<p>h2要素のコンテンツです。</p>

<h3>h3の見出し</h3>
<p>h3要素のコンテンツです。</p>

<h4>h4の見出し</h4>
<p>h4要素のコンテンツです。</p>

<h5>h5の見出し</h5>
<p>h5要素のコンテンツです。</p>

<h6>h6の見出し</h6>
<p>h6要素のコンテンツです。</p>

	</body>
</html>

デモを開く

デモ

</head><body>までを含めて下さい。

<body> <div id="___body">

</div> <script>...</script> </body> </html>

<style>

</style>

<script>

</script>