>웹 프론트엔드 >HTML 튜토리얼 >HTML 기본 구조 분석

HTML 기본 구조 분석

王林
王林앞으로
2021-02-03 11:53:363054검색

HTML 기본 구조 분석

HTML은 하이퍼텍스트 마크업 언어(Hypertext Markup Language)라고 하며 마크업 언어입니다. 여기에는 일련의 태그가 포함됩니다. 이러한 태그는 네트워크의 문서 형식을 통합하고 분산된 인터넷 리소스를 논리적인 전체로 연결할 수 있습니다. HTML 텍스트는 HTML 명령으로 구성된 설명 텍스트입니다. HTML 명령은 텍스트, 그래픽, 애니메이션, 사운드, 표, 링크 등을 설명할 수 있습니다.

완전한 HTML 문서는 문서 선언, 문서 헤더, 문서 본문의 세 부분으로 구성되어야 합니다. HTML의 뼈대 구조를 구성하는 것은 바로 그것들입니다. 문서 선언과 문서 헤더는 각각 HTML 뼈대 구조를 구성하는 기본 요소에 대해 자세히 소개합니다.

HTML

요소는 이 요소의 하위 요소입니다. 및 태그는 문서의 시작점과 끝점을 정의하며, 그 사이에는 문서의 헤드와 본문이 있습니다. 문서의 헤드는

태그로 정의되고 본문은 태그로 정의됩니다.

HTML 기본 구조 분석

[xmlns]

xmlns 속성은 문서의 XML 네임스페이스를 할당하는 데 사용됩니다. . 기본값은 "http://www.w3.org/1999/xhtml"이며 XHTML에서는 필수이고 HTML에서는 선택사항입니다.

<html xmlns="http://www.w3.org/1999/xhtml">

HEAD

태그가 사용됩니다. 컨테이너인 문서의 헤더를 정의합니다. 모든 헤더 요소에 대해. ;는 대부분 보이지 않으며 문서의 일부 기본 속성과 정보를 설명합니다(제목과 아이콘이 표시될 수 있음). 요소 아래의 하위 요소는 주로 6개의 요소를 포함합니다.

헤드 섹션에서 유일한 필수 요소인 문서 제목을 정의합니다. 문서에서 대부분의 브라우저는 자동으로 요소를 생성합니다<p>문서 헤드에 대한 업데이트 자세한 내용은 여기에 있습니다</p> <p>BODY</p> <p></p> 는 HTML 문서의 주요 내용만 나타냅니다. 하나의 요소가 허용됩니다

[기본 스타일]

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

구조

서브라임 편집기에서 !를 입력한 후 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 튜토리얼

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

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제