HTML 체중 감량, 웹 페이지 생성을 위한 간소화된 HTML 태그_HTML/Xhtml_웹 페이지 제작
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%를 절약합니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7322
9
1625
14
1350
46
1262
25
1209
29
Linux SysOps에서 SSH 간소화된 작업 명령을 사용하기 위한 팁
Sep 27, 2023 am 11:51 AM
LinuxSysOps에서 작업 명령을 간소화하기 위한 SSH 사용 팁 소개: Linux 시스템 작업 및 유지 관리 작업에서 SSH(SecureShell)는 일반적으로 사용되는 원격 로그인 프로토콜입니다. SSH를 통해 서버에 원격으로 연결하고 명령을 실행할 수 있습니다. 그러나 SSH를 사용하면 많은 반복 작업을 수행할 때 지루하고 비효율적일 수 있습니다. 이 기사에서는 SSH를 사용하여 작업 명령을 간소화하고 SysOps가 특정 코드 예제를 통해 작업 효율성을 향상시키는 데 도움이 되는 몇 가지 기술을 소개합니다. 1. 만들다
HTML 상자 모델 구조에는 무엇이 포함됩니까?
Feb 20, 2024 pm 05:39 PM
HTML 상자 모델 구조에는 무엇이 포함됩니까? 특정 코드 예제가 필요합니다. HTML 상자 모델은 웹 페이지 레이아웃의 중요한 개념 중 하나입니다. 웹 페이지 요소가 브라우저에서 어떻게 렌더링되고 상호 작용하는지 설명합니다. 박스 모델은 콘텐츠 영역, 패딩, 테두리, 여백이라는 네 가지 주요 구성요소로 구성됩니다. 이 문서에서는 이 네 부분의 의미를 자세히 설명하고 구체적인 코드 예제를 제공합니다. 콘텐츠 영역(content) 콘텐츠 영역은 텍스트, 이미지, 중첩된 요소 등 요소가 실제로 표시되는 영역을 의미합니다. 크기는 요소의 크기에 따라 결정됩니다.
HTML 및 CSS를 사용하여 반응형 마켓플레이스 디스플레이 페이지 레이아웃을 만드는 방법
Oct 16, 2023 am 09:30 AM
HTML과 CSS를 사용하여 반응형 시장 표시 페이지 레이아웃을 만드는 방법 시장 표시 페이지는 전자상거래 웹사이트의 중요한 부분으로, 상품과 서비스를 표시하여 사용자의 관심을 끌고 구매를 유도합니다. 오늘날 모바일 인터넷 시대에는 점점 더 많은 사용자가 휴대폰과 태블릿을 통해 웹 페이지에 액세스하므로 다양한 화면 크기에 적응할 수 있는 시장 표시 페이지에 대한 반응형 레이아웃을 만드는 것이 필요합니다. 이 기사에서는 HTML과 CSS를 사용하여 반응형 시장 디스플레이 페이지 레이아웃을 만드는 방법을 소개하고 구체적인 코드 예제를 제공합니다.
HTML로 우편 주소를 표시하는 방법은 무엇입니까?
Aug 27, 2023 am 08:21 AM
주소는 건물의 물리적 위치를 찾는 데 사용됩니다. 주소는 건물, 아파트의 위치 및 집이나 아파트 번호와 같이 사용되는 기타 식별자를 제공하는 고정된 형식으로 제공되는 정보입니다. 당사는 웹페이지에 연락처 정보를 제공하기 위해 태그를 사용합니다. HTML 태그는 웹 페이지에 있는 문서나 기사 작성자의 연락처 정보를 정의합니다. 연락처 정보는 건물 위치, 이메일 주소, URL, 전화번호 등이 될 수 있습니다. 요소 내의 텍스트는 일반적으로 기울임꼴로 렌더링되며 줄 바꿈은 항상 > 요소 앞과 뒤에 추가됩니다. 구문다음은 마크업의 구문입니다. <address>연락처 정보</address>예제 다음은 태그 지정을 위한 샘플 프로그램입니다. &
정규식을 사용하여 PHP에서 HTML 태그를 제거하는 방법
Jun 22, 2023 pm 05:00 PM
웹 개발에 있어서 HTML은 필수적인 요소입니다. 하지만 HTML 태그 없이 HTML에서 일반 텍스트를 추출해야 하는 경우도 있습니다. 이때 정규식은 매우 편리한 도구이다. PHP에서는 preg_replace() 함수를 사용하여 HTML 태그를 제거할 수 있습니다. 이 함수의 사용법은 다음과 같습니다. preg_replace($pattern,$replacement,$subject);
win101909 단순화 버전이 적합합니까?
Dec 22, 2023 am 11:13 AM
Microsoft는 지난 10월 win101909 간소화 버전의 최신 ISO 이미지 파일을 공식 발표했습니다. 많은 친구들이 win101909의 새 버전이 사용하기 쉬운지, 다운로드해야 하는지에 대해 우려하고 있습니다. 그럼 그 답을 공개하겠습니다. win101909 Lite Edition이 좋은가요? 답변: 사용하기 매우 쉽습니다. 1. Win101909는 확실히 현재 가장 안정적이고 부드러운 win10 시스템입니다. 2. 이전 버전에 비해 더 많은 업그레이드와 개선이 이루어졌습니다. Win101909 Lite 버전 업데이트 내용: 1. 라이트 모드 및 UI 개선 1. 이제 새로운 테마 톤이 있습니다. 2. 사용자는 개인 설정에서 원하는 대로 색상을 변경할 수 있습니다. 3. 조명 모드를 켜면 시스템 인터페이스가 흰색과 회색으로 변합니다. 2. 네이티브 샌드박스 기능
PHP 개발자에게 필수: 정규식을 사용하여 HTML 태그 정리
Mar 19, 2024 pm 05:06 PM
PHP는 웹사이트 개발 및 애플리케이션 개발에 일반적으로 사용되는 강력한 프로그래밍 언어입니다. 웹사이트 개발 중에 사용자가 입력한 텍스트에서 HTML 태그를 정리하는 등 HTML 태그를 처리해야 하는 상황에 자주 직면합니다. 이 기능을 달성하기 위해 정규식을 사용하여 HTML 태그를 처리하여 HTML 태그를 정리하고 필터링할 수 있습니다. PHP 개발에서 정규식은 텍스트의 특정 형식과 패턴을 빠르고 효과적으로 처리할 수 있는 강력한 텍스트 일치 도구입니다. 다음은 결론을 내릴 것입니다
DZ 홈페이지 URL 단순화: index.php 제거
Mar 12, 2024 pm 04:30 PM
DZ 홈페이지 URL 단순화: index.php 제거, 특정 코드 예제가 필요합니다. Discuz! 포럼 시스템을 사용할 때 URL을 최적화해야 하는 경우가 많으며 index.php를 제거하는 것이 일반적인 작업입니다. index.php를 제거하면 URL을 더욱 간결하고 아름답게 만들 수 있으며, 검색 엔진 최적화에도 도움이 됩니다. 아래에서는 DZ 홈페이지 URL을 단순화하고 index.php 부분의 특정 코드 예제를 제거하는 방법을 소개합니다. 먼저 Di에 로그인해야 합니다.
