回答編集履歴
4
強調など
answer
CHANGED
|
@@ -76,12 +76,12 @@
|
|
|
76
76
|
|
|
77
77
|
のように、`dt`と`dd`を一緒に`div`で囲む必要があります。
|
|
78
78
|
|
|
79
|
-
さて、上のように
|
|
79
|
+
さて、上のように修正した場合どう解釈されるかですが、
|
|
80
80
|
|
|
81
81
|
* **名前**が「名前」かつ「性別」
|
|
82
82
|
* **値**が「山田太郎」かつ「男性」
|
|
83
83
|
|
|
84
|
-
となります。つまり「『名前』は『山田太郎』です」かつ「『性別』は『山田太郎』です」かつ「『名前』は『男性』です」かつ「『性別』は『男性』です」と言っていることになります。([`dl`要素](https://momdo.github.io/html/grouping-content.html#the-dl-element)の三番目の例も参考にしてください。)
|
|
84
|
+
となります。つまり**「『名前』は『山田太郎』です」かつ「『性別』は『山田太郎』です」かつ「『名前』は『男性』です」かつ「『性別』は『男性』です」と言っている**ことになります。([`dl`要素](https://momdo.github.io/html/grouping-content.html#the-dl-element)の三番目の例も参考にしてください。)
|
|
85
85
|
|
|
86
86
|
たぶん、やりたいことは、普通に定義リストを使っても下記のようなレイアウトにしたいと言うことでことでしょうか？
|
|
87
87
|
|
3
最初の言い回しを修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[The W3C Markup Validation Service](https://validator.w3.org/)でチェックする
|
|
1
|
+
[The W3C Markup Validation Service](https://validator.w3.org/)でチェックするとわかりますが、**HTML5**としては間違っています。
|
|
2
2
|
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE html>
|
2
言い回しを修正
answer
CHANGED
|
@@ -131,4 +131,4 @@
|
|
|
131
131
|
|
|
132
132
|
---
|
|
133
133
|
|
|
134
|
-
【注意】上記はHTML5についてのみ述べています。それより前のHTML
|
|
134
|
+
【注意】上記はHTML5についてのみ述べています。それより前のバージョンのHTMLを使用している場合は、解釈が異なる可能性がありますので、参考にしないでください。
|
1
最後に注意事項追加
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[The W3C Markup Validation Service](https://validator.w3.org/)でチェックする限り、HTML5としては間違っています。
|
|
1
|
+
[The W3C Markup Validation Service](https://validator.w3.org/)でチェックする限り、**HTML5**としては間違っています。
|
|
2
2
|
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE html>
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
* **名前**が「名前」かつ「性別」
|
|
82
82
|
* **値**が「山田太郎」かつ「男性」
|
|
83
83
|
|
|
84
|
-
となります。つまり「『名前』は『山田太郎』です」かつ「『性別』は『山田太郎』です」かつ「『名前』は『男性』です」かつ「『性別』は『男性』です」と言っていることになります。
|
|
84
|
+
となります。つまり「『名前』は『山田太郎』です」かつ「『性別』は『山田太郎』です」かつ「『名前』は『男性』です」かつ「『性別』は『男性』です」と言っていることになります。([`dl`要素](https://momdo.github.io/html/grouping-content.html#the-dl-element)の三番目の例も参考にしてください。)
|
|
85
85
|
|
|
86
86
|
たぶん、やりたいことは、普通に定義リストを使っても下記のようなレイアウトにしたいと言うことでことでしょうか？
|
|
87
87
|
|
|
@@ -127,4 +127,8 @@
|
|
|
127
127
|
```
|
|
128
128
|
|
|
129
129
|
[CodePenでの実行例](https://codepen.io/anon/pen/OxPaPR)
|
|
130
|
-
※ Chromeで確認しています。CSSはブラウザ毎に微調整が必要かも知れません。
|
|
130
|
+
※ Chromeで確認しています。CSSはブラウザ毎に微調整が必要かも知れません。
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
【注意】上記はHTML5についてのみ述べています。それより前のHTMLについては解釈が異なる場合がありますので、参考にしないでください。
|