html의 선택적 태그 생략

Question

방금 ​​Google에서 this article을 읽습니다. 나는 닫는 태그가 HTML 문서를 깨끗하게 유지하고 기계가 읽을 수있게 만드는 것이 중요하다고 항상 생각했다. 그러나 그들은 반대를 추천합니다.

이 점에 대해 어떻게 생각하십니까?

Answer 1

Google은 페이지 검색 량이 매우 많아서 페이지 크기가 작아지면 검색 량이 아주 많습니다. 즉, 닫기 태그와 공백을 제거하여 페이지를 더 작게 유지하는 것이 경제적 인 데 비해 유지 관리가 어려워집니다.

귀하는 Google이 아닙니다. 그것은 당신을 위해 돈을 지불하지 않을 것입니다. Google이 많이 제공하는 중요한 페이지 중 하나가 아니기 때문에 링크 된 Google 페이지가 추천 태그를 생략하지 않는다는 것을 알 수 있습니다. 이를 www.google.com 앞 페이지의 극단적 인 축소와 비교하십시오.

gzip/deflate 압축을 사용하면 거의 대부분 전송 크기가 줄어 듭니다. 마크 업을 줄이는 것은 필연적 인 조치입니다.로드를 제공하지 않으면로드가 조기에 최적화됩니다.

Answer 2

Doctype에 전적으로 달려 있습니다. HTML 4 전환을 사용하는 경우 종료 태그를 남겨 두는 것이 좋습니다. XHTML 또는 HTML 4 strict를 사용하는 경우 태그를 닫습니다.

Answer 3

DTD를 준수하는 한 혼란을 최소화하는 데 동의합니다. 개인적으로, 나는 여전히 "기계 판독"할 것이다, 그래서 누군가는 DTD에 따라 구문 분석 (해야)하는

</br> 

파서를 사용하여 본 적이 없습니다.

Answer 4

이 기사에서는 처음에는 싱글 톤으로 잘 표현되는 태그 쌍의 끝 태그를 생략 할 것을 제안합니다. 스트라이크 스루를 통해 참조하는 태그는 싱글 톤으로 사용해야하므로 종료 태그가 없으므로 이는 권장 사항이나 오류가 아닙니다. 나는 처음부터 완전히 결함이있는 연습보다 더 나은 방법을 추천하려고 시도하고 있기 때문에이 기사를 완전히 무시할 것을 제안합니다.

솔직히 말하자면, 최종 사용자에게 제공되는 문자의 수를 줄일 수있는 경우 표준을 완전히 무시하기로 선택한 Google의 마크 업에 대해 조언하는 것은 좋지 않습니다. 코드의 유효성을 검사하고 마크 업 모범 사례를 다루는 예제가 아니라는 것을 직접 확인하십시오.

Answer 5

HTML 사양을 사용하면 특정 종료 태그를 생략 할 수 있습니다. 일반적으로 이러한 태그는 자체 중첩이 불가능하므로 닫는 태그가 모호하지 않습니다. 이 예제를 보자

<p>A paragraph of text. 
<p>Another paragraph of text.</p> 

<div>A divider element... 
<div>Another divider element...</div> 

을 첫 번째 예에서는 두 번째 <p>에 도착하면,이, 이전 단락이 완료 의미는 둥지 단락 태그 할 수 없기 때문에. 두 번째 예에서

<p>A paragraph of text.</p> 
<p>Another paragraph of text.</p> 

그러나 제 <div> 중첩 div 요소를 생성하고, </div>는 내부 요소를 폐쇄 : 브라우저로 것으로 해석한다. 바깥 쪽을 끝내고 싶을 때는 </div>을 추가해야합니다.

하지만 모든 문제를 피하기 위해 모든 태그를 닫는 것이 더 쉬울 것입니다. 화이트리스트를 얼마나 잘 기억할 것인가에 달려 있습니다.예를 들어, div이 항상 닫혀 야한다는 것을 잊어 버린 경우에는 레이아웃을 끝내지 않을 것입니다.

그리고 bobince가 말했듯이, gzip을 사용하면 그다지 관련성이 없습니다. 30 개의 단락이있는 경우 닫는 태그가 있거나없는 버전 간의 차이는 120 바이트입니다. 그러나 두 가지 모두 gzip으로 압축하면 차이는 10 바이트 미만으로 매우 작아집니다. 그러나 HTML을 쓰는 것이 좋습니다.