TIL: html에서 html, head, body 태그를 생략할 수 있습니다.

1724 단어 htmlwebdevwebperf
많은 html 표시는 닫을 필요가 없다. 예를 들어 <p>, <li>, 표 요소 등이다.그러나 놀랍게도 일부 탭은 열거나 닫을 필요가 없다.
태그에서 <html>, <head><body> 태그를 생략하면 브라우저에서 해당 태그를 추가합니다.
해킹이 아닌 html5 specification의 일부다.

브라우저는 어떻게 무엇을 해야 하는지 알 수 있습니까?
브라우저는 <html> 표시에 쉽게 표시를 포장합니다.그러나 <head>가 언제 끝났는지<body>가 언제 시작되었는지 어떻게 알 수 있습니까?
그것은 이렇게 일한다.
대부분의 요소는 <body> 표시에만 속하기 때문에 브라우저는 <head> 표시를 열고 <body> 표시에만 속하는 첫 번째 요소를 만났을 때 닫고 <head> 열 것입니다. <body>
<doctype html>

<title>A relevant title</title>
<script>
<style></style>
<link>

// A div can't be in the head.
// So the browser knows to close the head tag...
// ...and open the body tag here

<div></div>


왜 이러는 거야?
그것은 사이트의 모든 페이지에 저장될 것이다39 bytes.많은 작은 최적화 중 하나를 합치면 매우 중요하다.

HTML 축소됨
나는 줄곧 html-minifier로 나를 위해 이 일을 해 왔다.기본값은 아니지만

좋은 웹페이지 즐겨찾기