回答編集履歴
5
test
CHANGED
@@ -1,9 +1,12 @@
|
|
1
1
|
# 原因
|
2
|
+
質問記載のコードをブラウザで立ち上げてデベロッパーツールの「要素(elements)」タブを確認
|
3
|
+
↓
|
2
|
-
<title> の終了タグ(</title>)が 開始タグと同じ
|
4
|
+
<title> の終了タグ(</title>)が 開始タグと同じ <title>(頭にスラッシュなし)になっているため、
|
3
|
-
|
5
|
+
以降が title 要素として解釈されています。
|
4
|
-
|
6
|
+
|
5
7
|
|
6
8
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
|
9
|
+
(デベロッパーツールの「要素」タブに表示されている、</head>直前の「</title>」 は、ブラウザによって自動的に挿入されたものと考えられます)
|
7
10
|
|
8
11
|
# 解決策
|
9
12
|
```html
|
4
test
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
# 原因
|
2
2
|
<title> の終了タグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
|
3
3
|
デベロッパーツールの「要素」タブでは、以降が title 要素として解釈されています。
|
4
|
+
(デベロッパーツールの「要素」タブに表示されている、</head>直前の「</title>」 は、ブラウザによって自動的に挿入されたものと考えられます)
|
4
5
|
|
5
6
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
|
6
7
|
|
3
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# 原因
|
2
|
-
<title> の
|
2
|
+
<title> の終了タグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
|
3
|
-
デベロッパーツールの「要素」タブでは、
|
3
|
+
デベロッパーツールの「要素」タブでは、以降が title 要素として解釈されています。
|
4
4
|
|
5
5
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
|
6
6
|
|
2
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# 原因
|
2
2
|
<title> の閉じタグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
|
3
|
-
デベロッパーツールの「要素」タブ
|
3
|
+
デベロッパーツールの「要素」タブでは、実際のソースにおける body が title 内に閉じ込められているものとして解釈されています。
|
4
4
|
|
5
5
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
|
6
6
|
|
1
test
CHANGED
@@ -1,6 +1,8 @@
|
|
1
1
|
# 原因
|
2
|
-
<title> の閉じタグ
|
2
|
+
<title> の閉じタグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
|
3
3
|
デベロッパーツールの「要素」タブ内では、実際のソースにおける body 内に閉じ込められているものとして解釈されています。
|
4
|
+
|
5
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
|
4
6
|
|
5
7
|
# 解決策
|
6
8
|
```html
|