元素的層次結構和HTML文檔結構

時間 2019-11-29

標籤元素層次結構 html 文檔欄目 HTML 简体版

原文原文鏈接

1. HTML元素是HTML文檔的重要組成部分，一個HTML文檔由大量的元素組成 HTML中的全部內容結構，都是靠元素組織到頁面中的
2. HTML元素由起始標記屬性元素內容結束標記組成書寫格式：**<起始標記屬性>元素內容<結束標記>**; 屬性表示元素的額外信息；屬性由屬性名和屬性值組成，書寫格式：**屬性名=「屬性值」**

起始標記，元素，結束標記內容共同決定了一個元素的顯示內容和行爲，造成嵌套的層次結構；  但兩個元素之間不能相互嵌套；元素嵌套會產生一個樹狀的層次結構

>  若A元素**直接**包含B 則A爲B的父元素，B爲A的子元素
>  若兩個元素有同一個父元素，它們互爲兄弟元素
>  若A直接或間接包含B 則A是B的祖先元素，B是A的後代元素html

1.文檔聲明（文檔類型定義）：既不是元素，也不是註釋，它老是出如今HTML代碼的第一行

書寫代碼爲：><!DOCTYPE html>

用於通知瀏覽器，目前的文檔正使用哪個HTML版本（使用HTML5版本）

若不寫文檔聲明，瀏覽器渲染頁面時會進入怪異模式
2. html元素又叫跟標記，根元素，它是全部其餘元素的祖先元素

相關屬性：lang

該屬性指定文檔中的文字是用何種天然語言書寫的

該屬性可能會影響瀏覽器的語言閱讀和翻譯行爲

       <html lang="en"></html>該文檔使用英語書寫

       <html lang="zh-cmn-Hans"></html>使用簡體中文書寫
3.head元素又叫作文檔頭，它是html元素的第一個元素文檔頭中能夠包含一些其餘元素，用於描述頁面的附加信息*注意！head元素中的內容不會顯示到頁面上*

head元素一般包括  < title>和< meta>

< title>標識文檔標題，該標題會顯示在瀏覽器的標題欄或者是標籤頁上

< meta>標識頁面的其餘元數據（頁面相關的附加信息），這是一個空元素

    示例：< meta charset="UTF-8">

    指示瀏覽器，使用字符編碼集UTF-8解析頁面

**爲得到更好的地域兼容性，避免代碼，應將字符編碼集設置爲UTF-8而且將該代碼做爲head的第一個子元素**

4.body元素（文檔體）

a.文檔體，網頁中全部的可見內容都放置在該元素內

b.body元素中能夠包含大量的其餘元素，定義文檔的內容結構瀏覽器

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。