前端開發.Html5.HTML5基本格式

時間 2019-11-17

原文原文鏈接

HTML5文檔結構?html

1.DOCTYPE文檔類型聲明,不區分大小寫,告訴瀏覽器所查看的文檔類型,在以往的HTML4.01和XHTML1.0中,它表示具體的HTML版本和風格瀏覽器

2.html元素/標籤/標記,是文檔開始和結尾的元素,它是一個雙標籤,頭尾呼應,包含內容(head/body),經常使用的屬性和值:lang="zh-cn"表示文檔採用語言爲簡體中文,英文的話設置爲:lang="en"編碼

3.head元素用來包含元數據,元數據包括<link>,<meta>,<noscript>,<script>,<style>,<title>,主要用來給瀏覽器提供信息,如link提供CSS信息,script提供JavaScript信息,title提供頁面標題等,可是這些信息在頁面中是不可見的code

4.meta元素用來提供關於文檔的信息,經常使用的屬性和值:charset="utf-8",表示告訴瀏覽器頁面採用什麼編碼,固然除了編碼還能夠設置別的,後面再說htm

5.title元素設置瀏覽器左上角的標題圖片

6.body元素用來包含文檔內容的元素,也就是瀏覽器可見區域的部分,全部的可見內容,都應該出如今這個元素內部進行添加ip

7.a元素表示一個超連接utf-8

<!-- 說明: 文檔類型聲明 -->
<!DOCTYPE html>
<!-- 說明: 表示HTML文檔開始 -->
<html lang="zh-cn">
    <!-- 說明: 包含文檔元數據開始 -->
    <head>
        <!-- 說明: 聲明字符編碼 -->
        <meta charset="utf-8">
        <!-- 說明: 設置文檔標題 -->
        <title>0002 - 基本結構</title>
    <!-- 說明: 包含文檔元數據結束 -->
    </head>
    <!-- 說明: HTML文檔內容開始 -->
    <body>
        <!-- 說明: 一個超連接元素 -->
        <a href="http://www.baidu.com">百度</a>
    <!-- 說明: HTML文檔內容結束 -->
    </body>
<!-- 說明: 表示HTML文檔結束 -->
</html>

HTML5標籤組成?文檔

1.元素,告訴瀏覽器如何處理一些內容的標籤,每一個元素都有一個關鍵字,元素分爲:單標籤(內容爲空的標籤,通常用於聲明或是插入某個元素,如聲明編碼的meta,插入圖片的img)/雙標籤(用於設置一段區域的內容,將其包起來,如段落<p>...</p>)it

2.屬性和值,元素內部還能夠設置屬性和值,這些屬性值用來改變元素某些方面的行爲,一個元素能夠設置多個屬性值,只需用空格隔開