回答編集履歴

5

 

2022/10/23 10:47

投稿

退会済みユーザー
test CHANGED
@@ -1,9 +1,12 @@
1
1
  # 原因
2
+ 質問記載のコードをブラウザで立ち上げてデベロッパーツールの「要素(elements)」タブを確認
3
+
2
- <title> の終了タグ(</title>)が 開始タグと同じ <title>(頭にスラッシュなし)になっているため、
4
+ <title> の終了タグ(</title>)が 開始タグと同じ <title>(頭にスラッシュなし)になっているため、
3
- デベロッパーツールの「要素」タブでは、以降が title 要素として解釈されています。
5
+ 以降が title 要素として解釈されています。
4
- (デベロッパーツールの「要素」タブに表示されている、</head>直前の「</title>」 は、ブラウザによって自動的に挿入されたものと考えられます)
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

 

2022/10/23 08:04

投稿

退会済みユーザー
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

 

2022/10/23 08:02

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,6 @@
1
1
  # 原因
2
- <title> の閉じタグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
2
+ <title> の終了タグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
3
- デベロッパーツールの「要素」タブでは、実際のソースにおける body が title 内に閉じ込められているものとして解釈されています。
3
+ デベロッパーツールの「要素」タブでは、以降が title 要素として解釈されています。
4
4
 
5
5
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
6
6
 

2

 

2022/10/23 07:55

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,6 @@
1
1
  # 原因
2
2
  <title> の閉じタグ(</title>)が 開始タグと同じ 「<title>」(頭にスラッシュなし)になっているため、
3
- デベロッパーツールの「要素」タブでは、実際のソースにおける body 内に閉じ込められているものとして解釈されています。
3
+ デベロッパーツールの「要素」タブでは、実際のソースにおける body が title 内に閉じ込められているものとして解釈されています。
4
4
 
5
5
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-23/acafaf20-e0f4-49f4-af61-2998484712fa.png)
6
6
 

1

 

2022/10/23 07:55

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,8 @@
1
1
  # 原因
2
- <title> の閉じタグ</title>が 開始タグと同じ<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