>  기사  >  웹 프론트엔드  >  HTML의 기본 구조 소개

HTML의 기본 구조 소개

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

이전 단어

  완전한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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