回答編集履歴

2

訂正

2020/09/09 08:40

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36117

test CHANGED
@@ -72,16 +72,16 @@
72
72
 
73
73
  ```html
74
74
 
75
- <hgroup>
75
+ <header>
76
76
 
77
- <header>
77
+ <hgroup>
78
78
 
79
79
  <h1>大見出し</h1>
80
80
 
81
81
  <h2>ロゴ</h2>
82
82
 
83
- </header>
83
+ </hgroup>
84
84
 
85
- </hgroup>
85
+ </header>
86
86
 
87
87
  ```

1

追記

2020/09/09 08:40

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36117

test CHANGED
@@ -53,3 +53,35 @@
53
53
  SEOを気にしてdiv+backgroundで書いているのだと思いますが、alt属性で十分に補えるかと思いますよ。
54
54
 
55
55
  もし、重要なキーワードであるならば、そもそも見出しタグで書くところでしょう。
56
+
57
+
58
+
59
+ ---
60
+
61
+
62
+
63
+ あー、hgroup の存在を忘れてました。
64
+
65
+ [<hgroup> - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/hgroup)
66
+
67
+
68
+
69
+ そうすると、こういうのがセマンティックになるのかなあ……?
70
+
71
+
72
+
73
+ ```html
74
+
75
+ <hgroup>
76
+
77
+ <header>
78
+
79
+ <h1>大見出し</h1>
80
+
81
+ <h2>ロゴ</h2>
82
+
83
+ </header>
84
+
85
+ </hgroup>
86
+
87
+ ```