> 웹 프론트엔드 > HTML 튜토리얼 > 그래픽과 텍스트를 포함한 HTML 뼈대 구조에 대한 자세한 설명

그래픽과 텍스트를 포함한 HTML 뼈대 구조에 대한 자세한 설명

高洛峰
풀어 주다: 2017-03-15 12:54:45
원래의
2523명이 탐색했습니다.

이전 단어

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

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

> 태그가 정의되고 본문은

태그

[head>xmlns]

xmlns로 정의됩니다. 그래픽과 텍스트를 포함한 HTML 뼈대 구조에 대한 자세한 설명속성

XML

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

로그인 후 복사

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

대부분 보이지 않으며 문서의 기본 속성과 정보를 설명합니다(제목과 아이콘 표시 가능).

요소 아래의 하위 요소는 주로

,

,

,

, , <meta>을 정의하는 6가지 요소를 포함합니다. 문서의 제목입니다. 헤드 섹션 <title></title><base>에서 유일한 필수 요소입니다.  문서에서 <link> 태그가 생략되면 대부분의 브라우저는 자동으로 <style></style> 요소 <script></script>  문서 헤드 정보

에 대한 추가 정보 <title></title>

BODY

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

은 하나만 존재할 수 있습니다. 모든 HTML 문서에서

[기본 스타일]

chrome/firefox/safari/IE8+
    margin:8px;
IE7-
    margin:15px 10px;
로그인 후 복사

구조

sublimeeditor

에 !, 그런 다음 Tab 키를 누르면 기본 HTML 구조를 생성할 수 있습니다. 구조는 다음과 같습니다.

nbsp;html>


    <meta>
    <title>Document</title>



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

nbsp;html>


    <meta>
    <title>Document</title>
    <meta>
    <meta>
    <meta>
    <link>
    <link>



로그인 후 복사

위 내용은 그래픽과 텍스트를 포함한 HTML 뼈대 구조에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿