지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > HTML 체중 감량, 웹 페이지 생성을 위한 간소화된 HTML 태그_HTML/Xhtml_웹 페이지 제작

HTML 체중 감량, 웹 페이지 생성을 위한 간소화된 HTML 태그_HTML/Xhtml_웹 페이지 제작

WBOY
풀어 주다： 2016-05-16 16:42:43
원래의
1438명이 탐색했습니다.

HTML 4

HTML(XHTML 아님), MIME 유형은 text/html이므로 일부 태그를 생략할 수 있습니다. HTML 4 DTD를 사용하면 다음 태그를 생략할 수 있습니다. (피할 수 있는 요소는 여기에서 취소선으로 표시되어 있습니다.) 

<code><del><font face="Consolas" size="2"></area></font></del></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></base></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"><body></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></body></font></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></br></font></del></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></col></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"></colgroup></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></dd></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></dt></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"><head></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></head></font></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></hr></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"><html></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></html></font></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></img></font></del></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></input></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"></li></font></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></link></font></del></code>
로그인 후 복사
<code><del><font face="Consolas" size="2"></meta></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"></option></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></p></font></code>
로그인 후 복사
로그인 후 복사
<code><del><font face="Consolas" size="2"></param></font></del></code>
로그인 후 복사
<code><font face="Consolas" size="2"><tbody></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></tbody></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></td></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></tfoot></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></th></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></thead></font></code>
로그인 후 복사
<code><font face="Consolas" size="2"></tr></font></code>
로그인 후 복사

예를 들어 코드는 

<code><font face="Consolas" size="2"><li>List item</li></font></code>
로그인 후 복사

은

로 쓸 수 있습니다. 
<code><font face="Consolas" size="2"><li>List item</font></code>
로그인 후 복사

또 다른 예는 단락이

으로 끝나야 한다는 것입니다. 
<code><font face="Consolas" size="2"></p></font></code>
로그인 후 복사
로그인 후 복사

마지막에는 그냥 쓰시면 됩니다 

<code><font face="Consolas" size="2"><p>My paragraph</font></code>
로그인 후 복사

html, head, body를 제거할 수도 있습니다(코딩 표준으로 채택하기 전에 이것이 편리한지 확인하세요).

태그를 생략한 후에도 HTML은 여전히 ​​유효하며 파일 크기가 줄어듭니다. 일반 페이지의 경우 5~20%를 절약할 수 있습니다.

HTML 5

HTML 5의 지속적인 개발은 파일 크기를 줄이는 몇 가지 방법을 제공합니다.

예: 페이지 문서 유형 선언

<code><font face="Consolas" size="2"><!DOCTYPE html></font></code>
로그인 후 복사

비교

<code><font face="Consolas" size="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></code>
로그인 후 복사

분명히 HTML 5의 DTD는 더 짧습니다.

HTML 5는 페이지 인코딩을 지정할 때 사용하기 쉽고 더 짧습니다. 

<code><font face="Consolas" size="2"><meta charset="utf-8"></font></code>
로그인 후 복사

대체

<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>
로그인 후 복사

일반적으로 브라우저는 HTML을 올바르게 처리합니다.

또한 최신 HTML 5에서는

과 같이 MIME 유형을 선언하는 유형 속성을 제거할 수 있습니다. 
<code><font face="Consolas" size="2">type="text/css"</font></code>
로그인 후 복사
로그인 후 복사
또는 
<code><font face="Consolas" size="2">type="text/javascript"</font></code>
로그인 후 복사

을 사용할 수 있습니다. 
<code><font face="Consolas" size="2"><script></font></code>
로그인 후 복사
대리자 
<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>
로그인 후 복사
사용 
<code><font face="Consolas" size="2"><style></font></code>
로그인 후 복사
대리자 
<code><font face="Consolas" size="2"><style type="text/css"></font></code>
로그인 후 복사

모든 유형의 페이지(XHTHML도 포함)에서는 생략할 수 있습니다. 

<code><font face="Consolas" size="2">type="text/css"</font></code>
로그인 후 복사
로그인 후 복사

HTML 5를 사용하면 더 쉬워집니다.

위의 방법을 모두 동시에 사용하면 코딩 스타일과 페이지의 텍스트 콘텐츠 양에 따라 파일이 10%-20%(또는 그 이상) 절약됩니다. 코드는 더 깔끔해지고 방문자는 웹사이트의 콘텐츠를 더 빠르게 얻을 수 있습니다. 우리는 개인정보 보호 센터 프로젝트에서 이러한 기술 중 다수를 사용하여 원본 파일 크기의 20%를 절약합니다.

관련 라벨：
HTML 태그 유선
원천：php.cn
이전 기사：폼 요소와 프롬프트 텍스트가 정렬되지 않는 문제_HTML/Xhtml_웹페이지 제작 다음 기사：약어 태그 및 약어 tag_HTML/Xhtml_웹페이지 제작
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
에서 2024-04-06 20:22:15
0
1
454
템플릿의 메서드에 정의된 변수 사용 Vue(v3가 아닌 v2)를 사용하는 것은 이번이 처음이고 템플릿(메소드 내부에 정의됨) 내에서 변수를 사용하려고 노력해 왔습니다. 내 단순화된 코드: <t...
에서 2024-04-06 18:10:25
0
2
513
잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요. 다단계 양식이 있는데 제출하려고 하면 이 오류가 표시됩니다. 그러나 간단한 형태로 createOrganization 스케줄링을 사용하면 작동합니다. 백엔드 문제인...
에서 2024-04-06 16:25:39
0
1
346
window.open() 및 data: 구성표를 사용하여 계산 문서 열기 새 브라우저 탭에서 열려는 계산된 HTML 문서를 생성하는 브라우저에서 실행되는 웹 페이지가 있습니다. 간단하고 지저분한 방법은 다음과 같이 하는 것입니다: co...
에서 2024-04-06 15:06:34
0
1
378
React Three Fiber: 스크롤 이벤트가 지연되는 이유는 무엇입니까? ReactThreeFiber에는 카메라 줌 전체에 걸쳐 유지하려는 스프라이트를 생성하는 React 구성 요소가 있습니다. 알고리즘은 작동하는 것 같지만(시간이 지...
에서 2024-04-06 13:39:24
0
1
410
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿