html5 文檔結構的基本組件:doctype: 聲明文檔類型,遵循 html5 標準頭部 (head): 包含元數據(標題、字符集、樣式表)正文 (body): 包含文檔內容(文本、圖像、視頻)語義化元素(標題、段落、列表、表格、表單)注釋:提供有關文檔的信息,不顯示在網頁中腳本元素:包含 javascript 代碼,增強文檔功能
HTML5 文檔結構的基本組成
HTML5 文檔結構由以下基本組件組成:
1. Doctype
<code class="html"></code>
登錄后復制
聲明文檔類型,告訴瀏覽器該文檔符合 HTML5 標準。
2. 頭部 (head)
<code class="html"> <title>文檔標題</title> <meta charset="UTF-8"> <link rel="stylesheet" href="stylesheet.<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css"> </code>
登錄后復制
包含關于文檔的元數據,如標題、字符集和外部樣式表。
3. 正文 (body)
<code class="html"> <h1>歡迎來到我的網站</h1> <p>這是我的網站的內容。</p> </code>
登錄后復制
包含文檔的實際內容,如文本、圖像和視頻。
4. 語義化元素
HTML5 引入了許多語義化元素,用于清晰地描述文檔內容:
標題元素 (h1-h6):用于表示不同的標題級別。
段落元素 (p):用于表示文本段落。
列表元素 (ul, ol):用于創建無序列表或有序列表。
表格元素 (table):用于創建表格。
表單元素 (input, form):用于創建表單。
5. 注釋
<code class="html"><!-- 這是注釋 --></code>
登錄后復制
不顯示在網頁中,用于提供有關文檔的信息。
6. 腳本元素 (script)
<code class="html"><script src="script.js"></script></code>
登錄后復制
包含 JavaScript 代碼,用于增強文檔的功能。