回答編集履歴

6

使い方の仕様を統一したほうがいい旨を記載

2021/05/12 06:34

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -78,13 +78,23 @@
78
78
 
79
79
 
80
80
 
81
+ ただし、仕様書を見る限り、`h1`を複数を使う場合は、Webページ全体でその仕様に統一する、
82
+
83
+ アウトラインに合わせて見出しランクを変えるならその仕様に統一することが、
84
+
85
+ 強く推奨されているように思います。
86
+
87
+ ようは、仕様が統一されていれば、問題ない、ということでしょう。
88
+
89
+
90
+
81
- ただし、`h1`の仕様と意味などを考えた時は、一つの出現が望ましいのは変わりないかと。
91
+ ~~ただし、`h1`の仕様と意味などを考えた時は、一つの出現が望ましいのは変わりないかと。
82
92
 
83
93
  本で例えたとき、**各ページの主題**という役割です。
84
94
 
85
95
  **主題**と呼ばれるものは、基本一つですよね?
86
96
 
87
- なので、Webの世界でも同じように、一つが望ましい、となるのでしょう。
97
+ なので、Webの世界でも同じように、一つが望ましい、となるのでしょう。~~
88
98
 
89
99
 
90
100
 

5

最新はHTML5仕様になっていることを追記

2021/05/12 06:34

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -48,11 +48,37 @@
48
48
 
49
49
 
50
50
 
51
- 結論、「ダメではないけど、現代では、一つの方がいいよ」となります。
51
+ ~~結論、「ダメではないけど、現代では、一つの方がいいよ」となります。~~
52
52
 
53
53
 
54
54
 
55
+ しかし、上記は、
56
+
57
+ 2019年以前までのようです。
58
+
59
+ 最新の仕様は、
60
+
61
+ 下記の文章の通りです。
62
+
63
+
64
+
65
+ [HTML Standard 日本語訳](https://momdo.github.io/html/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements)
66
+
67
+
68
+
69
+ ようは、同アウトライン上で一つの出現であれば、
70
+
71
+ 一つのWebページ上に複数`h1`は複数出現しても問題ないという、
72
+
55
- これは、`h1`の仕様と意味などに起因します。
73
+ **HTML5**の仕様に戻ったいうことで
74
+
75
+
76
+
77
+ Lhankor_Mhyさん、K_3578さん、ご指摘大変にありがとうございました。
78
+
79
+
80
+
81
+ ただし、`h1`の仕様と意味などを考えた時は、一つの出現が望ましいのは変わりないかと。
56
82
 
57
83
  本で例えたとき、**各ページの主題**という役割です。
58
84
 

4

エビデンス記事記載

2021/05/12 06:21

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -38,6 +38,16 @@
38
38
 
39
39
 
40
40
 
41
+ ### 参考記事
42
+
43
+ [W3C](https://www.w3.org/TR/2016/REC-html51-20161101/sections.html#headings-and-sections)
44
+
45
+
46
+
47
+ [【HTML5.1勧告】セクション要素内見出しレベル仕様の変更について | とあるコーダーの備忘録](http://roka404.main.jp/blog/archives/247)
48
+
49
+
50
+
41
51
  結論、「ダメではないけど、現代では、一つの方がいいよ」となります。
42
52
 
43
53
 

3

タイトルを追記

2021/05/12 06:01

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -1,4 +1,4 @@
1
- > h1重複することを気にしているのはSEOが目的だからです。
1
+ # `h1`の重複にして
2
2
 
3
3
 
4
4
 

2

タイトルをh1で囲うべきか、について追記

2021/05/12 05:22

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- # HTML5の段
13
+ ## HTML5の段
14
14
 
15
15
  **同アウトライン上**で一個であれば、
16
16
 
@@ -24,7 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- # HTML5.1以降
27
+ ## HTML5.1以降
28
28
 
29
29
  これに関して、上記と少し基準が変わり、
30
30
 
@@ -59,3 +59,13 @@
59
59
 
60
60
 
61
61
  なので、そこら辺を加味して組み直されるといいかと。
62
+
63
+
64
+
65
+ # 子ページのタイトルはh1で囲うべきか
66
+
67
+ ここに関しては、過去の質問と、私の回答が参考になるかと思いますので、
68
+
69
+ ご参照いただければと思います。
70
+
71
+ [HTML - ヘッダーロゴはどのタグで囲えばよいのか?<h1>?<p>?<div>?|teratail](https://teratail.com/questions/290598#reply-411623)

1

同アウトライン上で一つということの文言修正

2021/05/12 05:20

投稿

miyabi_pudding
miyabi_pudding

スコア9555

test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  となっています。
20
20
 
21
- ここで注意したいのは、あくまで**同アウトライン上**ですので、
21
+ ここで注意したいのは、あくまで**同アウトライン上で一つ**ですので、
22
22
 
23
23
  `section`などのアウトラインが生成される要素をうまく使う必要が出てきます。
24
24