문제 원인: <title/> 은 올바른 HTML 태그 형식이 아님
HTML에서는 태그는 열림 태그와 닫힘 태그가 반드시 있어야 하는 요소입니다.
1 2 3 |
<title>페이지 제목</title> |
<title/>과 같은 빈 태그 형식(self-closing)은 HTML에서 허용되지 않는 방식입니다.
이는 XML/XHTML 문법에서는 유효할 수 있지만, HTML5에서는 <title/>을 잘못된 구문으로 해석합니다.
이로 인해 브라우저는 HTML 파싱을 중단하거나, 나머지 문서를 잘못 렌더링하게 됩니다.
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title/> <!-- ❌ 잘못된 태그 --> </head> <body> <h1>Hello</h1> </body> </html> |
- 브라우저는 <title> 이후의 코드를 잘못 해석하거나 무시할 수 있어, 본문 내용이 출력되지 않거나 구조가 깨집니다.
- 특히 <head> 태그 안에서 이런 오류가 발생하면, CSS, JS 링크까지 무시될 수 있습니다.
참고: 어떤 태그는 빈태그 허용됨 (self-closing)
태그 | 빈태그 가능? | 예시 |
---|---|---|
<img> | ✅ 가능 | <img src=”logo.png” /> |
<br> | ✅ 가능 | <br/> |
<title> | ❌ 안 됨 | ❌ <title/> → 오류 |