teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

訂正

2020/09/09 08:40

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37460

answer CHANGED
@@ -35,10 +35,10 @@
35
35
  そうすると、こういうのがセマンティックになるのかなあ……?
36
36
 
37
37
  ```html
38
+ <header>
38
- <hgroup>
39
+ <hgroup>
39
- <header>
40
40
  <h1>大見出し</h1>
41
41
  <h2>ロゴ</h2>
42
+ </hgroup>
42
- </header>
43
+ </header>
43
- </hgroup>
44
44
  ```

1

追記

2020/09/09 08:40

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37460

answer CHANGED
@@ -25,4 +25,20 @@
25
25
 
26
26
  普通にimg要素がいいのでは……?
27
27
  SEOを気にしてdiv+backgroundで書いているのだと思いますが、alt属性で十分に補えるかと思いますよ。
28
- もし、重要なキーワードであるならば、そもそも見出しタグで書くところでしょう。
28
+ もし、重要なキーワードであるならば、そもそも見出しタグで書くところでしょう。
29
+
30
+ ---
31
+
32
+ あー、hgroup の存在を忘れてました。
33
+ [<hgroup> - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/hgroup)
34
+
35
+ そうすると、こういうのがセマンティックになるのかなあ……?
36
+
37
+ ```html
38
+ <hgroup>
39
+ <header>
40
+ <h1>大見出し</h1>
41
+ <h2>ロゴ</h2>
42
+ </header>
43
+ </hgroup>
44
+ ```