HTML5基礎知識回顧
趁青春沒有理由不去闖，即使會敗，我也要敗得漂亮！人生在世，不妨大膽一點，勇敢地去追逐自己想要的東西！加油，勇敢點，你是最棒的！我是夢陽辰，期待與你相遇！
01.標籤
使用哪種標準規範
1.<!doctypy>標記
HTML5
<!doctype html>
2.<html>標記
文件的開始
3.<head>標記
定義頭部資訊。
如：<title>標題,<meta>編碼方式,<link>,<style>
4.<body>
定義HTML要顯示的內容。
5.<!--註釋部分-->標記
5.<meta />標記
頁面的元資訊，可以重複出現在頭部。
為網頁設定關鍵字。
<meta name="keywords" content="java,夢陽辰"/>
6.引用外部檔案標記<link>
<link 屬性="屬性值">
屬性名
1.href:引用的外部文件地址。
2.rel：兩者的關係，通常為：stylesheet表示定義一個外部樣式表。
3.type：如：text/css,text/javascript
7.內嵌樣式標記<style>
定義樣式資訊。
8.水平線標記<hr/>
9.換行標記<br/>
10.文字格式化
斜體：<i>,<em>
粗體:<strong>,<b>
刪除線：<s>,<del>
下劃線：<u>,<ins>
1.文字：p,span,h1~h6
2.影象：img
alt屬性，圖片不能顯示時的替代文字。
title：圖片資訊。
border：邊框屬性。
vspace和hspace：邊距。
3.表格：table
4.表單：form
5.音訊： audio
6.視訊：video
7.超連結:a
8.錨點:a
網頁內容較多，頁面過長，快速定位到目標內容。
<a href="#id"></a>使用相應的id名跳轉到目標位置。
9.H5移動開發API,canvas（繪畫）
1.1雙標記和單標記
雙：h1
單：<hr/>
1.2標記的屬性
對齊方式：align
02.頁面元素
2.1列表元素
1.無序列表ul
常用。
<ul></ul>
<li></li>
2.有序列表ol
<ol></ol>
<li></li>
3.定義列表dl
用於對術語或名詞進行解釋。
<dl></dl>標記用於指定定義列表。
<dt></dt>指定術語名詞。
<dd></dd>名詞的解釋。
2.2結構元素
1.header元素
header元素是一種具有引導和導航作用的結構元素。通常用來放置整個頁面或頁面內的一個內容區塊的標題。
2.nav元素
用於定義導航連結，是頁面元素的語義更加明確。
3.article元素
代表與上下文不相關的獨立部分。article元素通常使用多個section元素進行劃分。
4.aside元素
定義當前頁面或文章的附屬資訊部分。
5.section
用於對內容進行分塊，一個section元素通常由內容和標題構成。
6.footer元素
定義一個頁面或者區域的底部。
2.3分組元素
1.figure和figcaption元素
<figure>//定義獨立的流內容,一般指單獨的單元。
<figcaption>
用於為figure元素組新增標題。
</figcaption>
</figure>
2.hgroup元素
用於將多個標題組成一個標題組。
2.4頁面互動元素
1.details元素和summary元素
details元素用於描述文件或文件部分的細節。summary元素經常和details配合使用。隱藏和顯示。
2.progress元素
用於表示一個任務的完成進度。
progress屬性：
value:已完成的工作量。
max：總共有多少工作量。
3.meter元素
用於表示指定範圍內的數值。如表示評分。
meter屬性:
max:最大值，預設為1
min：最小值，預設為0
high:到哪個值為高的值。
low：到哪個值為低的值。
optimum:定義什麼樣的值是最好的。
value:值。
2.5文字層次程式碼元素
1.time元素
定義時間和日期。雖然沒有特殊效果，但是該元素能以
機器可讀的方式對日期和時間進行編碼。
屬性：
datetime：定義相應的時間或日期。
pubdate:文件釋出時間。
2.mark元素
高亮顯示某些字元。
3.cite元素
對文件參考文獻的引用說明。
2.6全域性屬性
1.draggable屬性
定義元素是否可以移動
屬性有兩個值：ture，false。
實際上還需要javaScript程式碼實現該功能。
2.hidden屬性
該屬性有兩個值：true和false。
當為ture時會被隱藏。
3.spellcheck屬性
主要針對Input元素和textaera文字輸入框。對使用者輸入的文字內容進行拼寫和語法的檢查。
有兩個屬性值：ture和false.
4.contenteditable屬性
規定是否可編輯元素內容。但前提是可以獲得滑鼠的焦點並且其內容不是隻讀的。
請一定要有自信，你就是一道風景，沒必要在別人風景裡面仰視。
關注公眾號【輕鬆玩程式設計】回覆關鍵字“電子書”，“計算機資源”，“Java從入門到進階”，”JavaScript教程“，“演算法”，“Python學習資源”，“人工智慧”等即可獲取學習資源。