HTML의 기본 구조 소개

迷茫원래의: 2017-03-25 12:23:452662검색

이전 단어

완전한 HTML 문서에는 3개를 포함해야 합니다. 문서선언, 문서헤더, 문서본문의 세 부분으로 이루어져 있으며 HTML의 뼈대 구조를 구성하고 있으며, 앞서 문서선언과 문서헤더에 대해 각각 소개한 바 있다.

HTML

요소는 HTML 문서의 루트를 나타내며 다른 모든 요소는 이 요소의 자손입니다. 및 태그는 HTML 문서의 시작 및 끝 지점을 정의합니다. 문서. 그 사이에는 문서의 헤드와 본문이 있습니다. 문서의 헤드는 head<code>> 태그가 정의되고 본문은 head> 태그

HTML의 기본 구조 소개 HEAD

태그는 모든 헤드 요소의 컨테이너인 문서의 헤드를 정의하는 데 사용됩니다.

은 대부분 보이지 않으며 문서의 일부 기본 속성과 정보를 설명합니다. 문서(제시할 수 있는 것은 제목과 아이콘) 요소 아래의 하위 요소로는 주로 , , <meta>, <title></title>, <base>, . <link><style></style> <script></script>의 정의 헤드 섹션의 유일한 필수 요소인 문서 제목

문서에서 <title></title> 태그가 생략된 경우 대부분의 브라우저는

요소가 자동으로 생성됩니다

문서 헤더에 대한 자세한 내용은 여기로 이동합니다

BODY

는 HTML 문서의 주요 내용을 나타냅니다. HTML 문서에서는

요소 하나만 허용됩니다

【기본 스타일】

chrome/firefox/safari/IE8+
    margin:8px;
IE7-
    margin:15px 10px;

구조

sublime

editor

에서 ! 을 누른 다음 Tab 키를 눌러 기본 HTML 구조를 생성하면 구조는 다음과 같습니다

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

실제로 문서의 헤더 구조는 몇 가지 공통 기능을 수행해야 하는 경우가 많으므로 HTML 구조는 더 복잡한 구조는 다음과 같습니다

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Document</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="5/style.css"/>
    <link rel="shortcut icon" href="ico.ico"/>
</head>
<body>
</body>
</html>

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

성명：

이전 기사：HTML 블록 수준 요소에 대한 자세한 설명다음 기사：HTML 블록 수준 요소에 대한 자세한 설명