찾다

집  >  기사  >  웹 프론트엔드  >  표준 HTML 문서의 필수 부분은 무엇입니까?

표준 HTML 문서의 필수 부분은 무엇입니까?

青灯夜游
青灯夜游원래의
2022-08-31 17:42:334157검색

5가지 필수 부분이 있습니다: 1. 페이지를 작성하는 데 사용된 마크업 버전을 브라우저에 알리는 데 사용되는 DOCTYPE 선언 2. 문서의 메타데이터를 포함하고 브라우저에 정보를 제공하는 HTML 루트 요소 3. 주로 코딩 선언, 제목, 스타일 시트 삽입 등을 포함하는 헤드 4. 문서의 제목을 정의하는 데 사용되는 제목 부분, 모든 내용을 포함합니다. 문서의.

표준 HTML 문서의 필수 부분은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML 문서는 고정된 구조를 갖고 있으며 각 부분은 하나 이상의 요소를 포함하고 있습니다. 일부 요소는 문서의 기본 정보를 설명하는 데 사용되며 일부 요소는 문서 구조를 설명합니다. 다음은 기본 HTML 문서의 구조입니다. 

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Your page title</title>
</head>
<body>
.....
</body>
</html>

이 HTML 문서는 개요와 탐색을 결정합니다. HTML 문서의 초기 환경입니다.

표준 HTML 문서의 필수 부분은 무엇입니까?

표준 HTML 문서에 필요한 5가지 부분을 볼 수 있습니다.

선언 부분: DOCTYPE 선언

DOCTYPE은 문서 유형(document type)의 약어입니다.

doctype 선언은 HTML 태그가 아니라 페이지가 작성된 마크업 버전을 브라우저에 알려주는 문서 유형 태그입니다.

doctype 선언은 웹 디자인에서 사용 중인 XHTML 또는 HTML 버전을 나타내는 데 사용되는 표준 범용 마크업 언어 문서 유형 선언입니다.

이 요소는 브라우저에 두 가지를 알려줍니다.

  • HTML 문서를 다룹니다.

  • 문서의 내용을 표시하는 데 사용되는 HTML 버전은 HTML5가 사용됨을 나타냅니다.

브라우저가 예상되는 문서 유형을 이해할 수 있도록 모든 HTML 문서에서 doctype을 지정하는 것이 매우 중요합니다.

참고:

  • 태그에는 닫는 태그가 없습니다.

  • 은 대소문자를 구분하지 않습니다.

전체 분석: 모든 콘텐츠

html 요소는 루트 요소로, 브라우저에 HTML 문서임을 알려줍니다.

태그는 HTML 문서의 가장 바깥쪽 요소입니다.

태그는 다른 모든 HTML 요소( 태그 제외)에 대한 컨테이너입니다.

루트 요소의 기능은 과 사이의 콘텐츠가 HTML 유형임을 브라우저에 알려주는 것이며, 브라우저는 콘텐츠를 HTML로 구문 분석합니다.

html 요소에는 lang 속성, xmlns 속성 및 매니페스트 속성이라는 3가지 속성이 있습니다.

  • lang 속성은 페이지 콘텐츠에서 사용되는 기본 언어를 지정합니다. 문서가 작성된 언어를 지정하면 언어 합성 도구가 발음 언어를 선택하거나 번역 도구가 번역 규칙을 선택하는 데 도움이 됩니다. 예를 들어 은 이 문서가 중국어로 작성되었음을 의미합니다.

  • xmlns 속성은 XML 네임스페이스를 할당합니다. xmlns 속성은 XHTML에는 필요하지만 HTML에는 필요하지 않습니다.

  • 매니페스트 속성은 오프라인 캐시 파일의 URL을 제공합니다. HTML5에는 웹 애플리케이션을 캐시하고 오프라인으로 액세스할 수 있는 애플리케이션 캐싱이 도입되었습니다. 예를 들어 는 오프라인 캐시 파일이 waibo.manifest임을 의미합니다.

Head:

head 요소에는 문서에 대한 메타데이터가 포함되어 있어 브라우저에 문서 콘텐츠 및 마크업에 대한 정보를 제공하며 스크립트 및 외부 액세스에 대한 액세스도 포함될 수 있습니다. 리소스(예: CSS 스타일 시트) 참조.

HTML 문서의 다양한 속성과 정보는

요소에 정의됩니다.

문서 제목: title

요소는 모든 HTML 또는 XHTML 문서에 적용할 수 있는 문서 제목을 정의하는 데 사용됩니다. <p></p> <title> 요소의 기능: <p>1. 제목은 브라우저 탭에서 정의할 수 있습니다. </p> <p>2. 즐겨찾기에 추가할 때 페이지 제목을 지정할 수 있습니다. </p> <p>3. 페이지 제목이 검색 엔진 결과에 표시될 수 있습니다. </p> <p>예: </p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre><p><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg" alt="표준 HTML 문서의 필수 부분은 무엇입니까?" ></p> <p><strong>Content: </strong><br></p> <p>문서의 본문 부분에는 방문자가 볼 수 있는 콘텐츠가 포함되어 있습니다. </p> <p>이 기본 구조를 갖춘 후에 나중에 HTML의 다른 요소를 점진적으로 추가하고 지속적으로 문서를 풍부하게 만들어 마침내 원하는 페이지를 얻을 수 있습니다. </p> <p>참고: </p> <p>HTML 5에서는 </p> 의 모든 특수 속성이 제거되었습니다. 그러나 태그는 HTML 5의 표준 속성을 지원합니다.
Attribute value description
accesskey character 요소
class classname에 액세스하기 위한 키보드 단축키를 지정합니다. 요소의 클래스 이름을 지정합니다. (스타일 시트의 클래스를 지정하는 데 사용됨)
contenteditable
  • true
  • false
 사용자가 콘텐츠를 편집할 수 있는지 여부를 지정합니다.
contextmenu menu_id 요소의 컨텍스트 메뉴를 지정합니다.
data-yourvalue value

크리에이터 정의 속성.

HTML 문서 작성자는 자신의 속성을 정의할 수 있습니다.

"data-"로 시작해야 합니다.

dir
  • ltr
  • rtl
 요소 내 콘텐츠의 텍스트 방향을 지정합니다.
draggable
  • true
  • false
  • auto
 사용자가 요소를 드래그할 수 있는지 여부를 지정합니다.
hidden hidden 은 요소가 관련이 없음을 지정합니다. 숨겨진 요소는 표시되지 않습니다.
id id 요소의 고유 ID를 지정합니다.
item
  • empty
  • url
 은 요소를 결합하는 데 사용됩니다.
itemprop
  • url
  • group value
 - 그룹 항목.
lang 언어_code 요소에 있는 콘텐츠의 언어 코드를 지정합니다.
spellcheck
  • true
  • false
 요소의 철자 또는 문법을 검사해야 하는지 여부를 지정합니다.
style style_definition 요소의 인라인 스타일을 지정합니다.
subject id 는 요소에 해당하는 항목을 지정합니다.
tabindex number 는 요소의 탭 키 제어 순서를 지정합니다.
title text 요소에 대한 추가 정보를 지정합니다.

관련 추천: "html 비디오 튜토리얼"

위 내용은 표준 HTML 문서의 필수 부분은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 css html xhtml 命名空间 xml 样式表 搜索引擎
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML5의 탐색 태그 란 무엇입니까?다음 기사：HTML5의 탐색 태그 란 무엇입니까?

관련 기사

더보기