찾다

문서 유형 HTML

Sep 04, 2024 pm 04:45 PM
htmlhtml5HTML TutorialHTML PropertiesHTML tags

다음 문서에서는 DOCTYPE HTML의 개요를 제공합니다. html 문서 유형에서는 사용자 지침을 선언하고 html, xml 코딩 자체와 같은 마크업 언어를 사용하여 데이터를 웹 브라우저로 변환하는 데 사용됩니다. 우리는 문서의 초기 단계로 문서 유형을 선언했습니다. 일반적으로 DOCTYPE은 태그, 요소 또는 속성을 고려하지 않습니다. 마크업 언어 버전을 식별하는 데 도움이 됩니다. 태그는 HTML 마크업 언어의 루트 태그 또는 요소입니다. 또한 모든 웹 콘텐츠를 저장하고 보관하는 데 도움이 되며, 을 사용하여 HTML 언어인지 여부를 식별하도록 사용자 브라우저에 지시합니다. 사용자 웹 문서에서 사용되는 HTML 언어 버전이 표시되는 동일한 웹 브라우저에서.

DOCTYPE HTML이란 무엇인가요?

  • DOCTYPE은 특정 html, xml 또는 sgxml 웹 문서와 연결되어야 하는 일련의 명령인 문서 유형 선언일 뿐입니다.
  • 개발자가 DOCTYPE을 생략하면 일부 레거시 이유로 더 필요하며, 웹 브라우저는 일부 브라우저 사양 및 사용자 애플리케이션과 호환되지 않을 수 있는 다양한 유형의 렌더링 모드를 사용하는 경향이 있습니다.
  • 또한 닫는 태그를 포함하지 않는 null 요소로 표시되므로 내부에 논리 내용을 포함할 수 없습니다.
  • 우리는 HTML 4.01 버전의 선언은 HTML 4.01 버전이 SGML을 기반으로 하지만 HTML5에서는 SGML 언어를 기반으로 하지 않기 때문에 동일한 문서 유형 선언을 참조합니다.

구문:

HTML이나 마크업 언어를 사용할 때 문서 유형 선언과 마찬가지로 각 태그와 요소에 대한 구문 세트가 있습니다.

아래는 HTML 문서의 모델.





---Some Front End logic ,codes,tags,elements---

DOCTYPE HTML을 사용하는 이유는 무엇입니까?

  • Html 버전에 꼭 필요하고, 당시 사용자 애플리케이션에 문제가 있다고 가정하면 실제로 HTML 버전 호환성이나 사용자 브라우저 호환성에서 발생했기 때문에 루트를 쉽게 식별할 수 있습니다. 또한 일부 HTML 태그는 현재 및 이전 버전과 비교할 때 더 이상 사용되지 않을 수 있습니다.
  • 그래서 사용자는 웹 애플리케이션 워크플로를 기반으로 문제를 쉽게 식별할 수 있습니다.
  • HTML에서 W3C는 IETF와 같은 조직 및 각 HTML 페이지에는 "OwnerID"가 있는 고유한 레이블이 있는데, 이는 HTML 엔터티의 이름이나 DTD 기반 문서를 생성하거나 유지 관리하는 조직을 나타내는 고유한 레이블입니다.
  • DTD는 "공개 텍스트 클래스"라고도 하며 웹 및 브라우저 지원에 따라야 하는 html 태그 및 요소를 참조하는 개체 유형입니다.
  • HTM/XHTML DTD에서 모두 지원됩니다.

HTML에서 DOCTYPE을 사용하는 다른 버전의 HTML이 있습니까?

  • Strict를 DOCTYPE으로 사용하면 웹 애플리케이션에서와 같이 요구사항이 필요한 동안 html 요소로 표현 속성을 작성할 수 없으며 html 프레임 포함도 지원하지 않습니다.
  • Html 4.0에는 엄격한 DOCTYPE과 과도기 DOCTYPE이 모두 있습니다.
  • 엄격한 DOCTYPE에서는 사용자가 특정 html 요소와 속성을 사용하지만 엄격한 DOCTYPE에서는 엄격한 사용자로서 이러한 요소와 속성을 사용하는 것이 허용되지 않습니다.
  • 때때로 html 4.0 버전은 프레임셋을 지원하며, 모든 html 문서는 웹 페이지에 위의 세 가지 문서 유형 선언을 생성해야 합니다.
  • html strict를 사용하는 경우 문서 유형에는 모든 html 요소, 더 이상 사용되지 않는 요소 또는 허용되지 않는 태그를 제외한 속성이 포함됩니다. 이러한 태그와 요소 세트는 프레임세트에 나타납니다.
  • html 전환을 사용하는 경우 더 이상 사용되지 않는 태그/요소를 포함하여 모든 html 요소도 지원합니다.
  • html 프레임셋에서는 html 전환 dtd에서 사용하고 프레임셋을 선언하는 데 사용했던 모든 html 요소를 지원합니다.
  • html 5에서는 을 사용하는 단 하나의 선언 유형만 지원합니다. 이 선언은 html 5 버전에만 허용되지만 html 4에서는 다른 버전의 dtd 사양을 사용합니다.
  • HTML에서는 DOCTYPE이 대소문자를 구분하지 않으므로 DOCTYPE 선언을 사용하며 소문자와 대문자를 모두 사용합니다.

DOCTYPE HTML의 예

다음은 예시입니다.

예시 #1

코드:



<title>Sample</title>


<p>Welcome To My Domain
</p>

출력:

문서 유형 HTML

예시 #2

코드:



<title> Sample Example for Strict DTD </title>


<a href><h1 id="Please-Click">Please Click </h1></a>
<marquee> Welcome To My Domain </marquee>

출력:

문서 유형 HTML

예시 #3

코드:



<title> Frameset DTD Example </title>

<frameset cols="23%,*,43%">
<frame src="first.html">
<frame src="second.html">
<frame src="third.html">
</frameset>

Output:

문서 유형 HTML

In the above set of examples, we will see the sample and basic dtd usages in html. In the first example, we use the that is come under the html5 version. So we use normal and basic html codings. In the second example, we use strict dtd in html 4 version so it will accept the particular tags and elements; it will not be allowed to use the deprecated tag elements in the second example, but in the last example, we use the frameset dtd in the html documents it allows the deprecated elements as well as whatever we use the html 4 transitional dtd elements and also will include the frameset tag elements.

Conclusion

In html will use DOCTYPE as a better choice for creating the web-based applications, and also it will be helpful for the website users browsers that the document is related to the html based documents. If we suppose will not use the html tag elements in the inside of the document that should be with the DOCTYPE declaration, it must be must with the html standards with the help of web browsers, and templates will check the html standards.

위 내용은 문서 유형 HTML의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
html in Action : 웹 사이트 구조의 예html in Action : 웹 사이트 구조의 예May 05, 2025 am 12:03 AM

HTML은 명확한 구조를 가진 웹 사이트를 구축하는 데 사용됩니다. 1) 태그를 사용하여 웹 사이트 구조를 정의하십시오. 2) 예는 블로그 및 전자 상거래 웹 사이트의 구조를 보여줍니다. 3) 잘못된 레이블 중첩과 같은 일반적인 실수를 피하십시오. 4) HTTP 요청을 줄이고 시맨틱 태그를 사용하여 성능을 최적화합니다.

HTML 페이지에 이미지를 어떻게 삽입합니까?HTML 페이지에 이미지를 어떻게 삽입합니까?May 04, 2025 am 12:02 AM

TOINSERTANIMAGEINTOANHTMLPAGE, USETHETAGWITHSRCANDALTATTRIBUTES.1) USEALTTEXTFORACCESSIBLEANDSEO.2) AMPLEMESSRCSETFORRESPONSIVEIMAGES.3) ApplyLazyLoadingWithLoading = "Lazy"TOOPTIMIZEPEROUCTION.4) OPTIMIZEPEPERCESIVEIMAGES

HTML의 목적 : 웹 브라우저가 컨텐츠를 표시 할 수 있도록합니다HTML의 목적 : 웹 브라우저가 컨텐츠를 표시 할 수 있도록합니다May 03, 2025 am 12:03 AM

HTML의 핵심 목적은 브라우저가 웹 컨텐츠를 이해하고 표시 할 수 있도록하는 것입니다. 1. HTML은 TO 등과 같은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의합니다. 2. HTML5는 멀티미디어 지원을 향상시키고 소개 및 태그를 향상시킵니다. 3.html은 사용자 상호 작용을 지원하기위한 양식 요소를 제공합니다. 4. HTML 코드를 최적화하면 HTTP 요청 감소 및 HTML 압축과 같은 웹 페이지 성능이 향상 될 수 있습니다.

HTML 태그가 웹 개발에 중요한 이유는 무엇입니까?HTML 태그가 웹 개발에 중요한 이유는 무엇입니까?May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentasthuctureandenhancewebpages.1) thefinelayout, semantics 및 internactivity.2) semantictagsimproveAccessibility 및 sseo.3) appleasoftagscanoptimizeperformanceandenseRocRossercompatiber.

HTML 태그 및 속성에 일관된 코딩 스타일을 사용하는 것의 중요성을 설명하십시오.HTML 태그 및 속성에 일관된 코딩 스타일을 사용하는 것의 중요성을 설명하십시오.May 01, 2025 am 12:01 AM

일관된 HTML 인코딩 스타일은 코드의 가독성, 유지 가능성 및 효율성을 향상시키기 때문에 중요합니다. 1) 소문자 태그 및 속성 사용, 2) 일관된 압입 유지, 3) 단일 또는 이중 인용문을 선택하고 고수하십시오. 4) 프로젝트에서 다양한 스타일을 혼합하지 않으십시오.

Bootstrap 4에서 멀티 프로 젝트 회전 목마를 구현하는 방법은 무엇입니까?Bootstrap 4에서 멀티 프로 젝트 회전 목마를 구현하는 방법은 무엇입니까?Apr 30, 2025 pm 03:24 PM

솔루션 Bootstrap4에서 다중 프로 젝트 회전 목마를 구현하는 것은 부트 스트랩 4에서 멀티 프로 젝트 회전 목마를 구현하는 것은 쉬운 일이 아닙니다. 부트 스트랩 ...

DeepSeek 공식 웹 사이트는 마우스 스크롤 이벤트를 관통하는 효과를 어떻게 달성합니까?DeepSeek 공식 웹 사이트는 마우스 스크롤 이벤트를 관통하는 효과를 어떻게 달성합니까?Apr 30, 2025 pm 03:21 PM

마우스 스크롤링 이벤트 침투의 효과를 달성하는 방법은 무엇입니까? 웹을 탐색하면 종종 특별한 상호 작용 디자인이 발생합니다. 예를 들어, DeepSeek 공식 웹 사이트에서 � ...

HTML 비디오의 재생 제어 스타일 수정 방법HTML 비디오의 재생 제어 스타일 수정 방법Apr 30, 2025 pm 03:18 PM

HTML 비디오의 기본 재생 제어 스타일은 CSS를 통해 직접 수정할 수 없습니다. 1. JavaScript를 사용하여 사용자 정의 컨트롤을 만듭니다. 2. CSS를 통해 이러한 통제를 아름답게합니다. 3. video.js 또는 plyr와 같은 라이브러리를 사용하여 호환성, 사용자 경험 및 성능을 고려하면 프로세스를 단순화 할 수 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!