details語義：詳情
summary語義：概要，摘要
details元素可以實現類似顯示/隱藏的功能，summary用於顯示details的標題或者間接
注意：（1）如果details下面沒有summary元素，瀏覽器會自動新增，同時內容是「詳細資訊」。 （2）details預設是關閉狀態的，我們可以通過設定open屬性讓他開啟。
（3）我們也可以通過js獲取details是否開啟的狀態。
<details
id="hebiintroduce"
open>
<summary>鶴壁簡介summary>
<p>鶴壁是封神榜故事發生地，中國商朝首都朝歌、周朝第一大諸侯國衛國首都朝歌、戰國七雄趙國首都中牟均位於鶴壁市。境內浚縣城是國家歷史文化名城。林、石、衛、康、殷姓及南韓（朝鮮）康氏、琴氏等姓氏均起源於此，鶴壁是中華民族姓氏的重要發祥地。
p>
details>
<button
οnclick=
"
getdetailsstatus()">獲取狀態button>
body>
<script>
functiongetdetailsstatus()
script>
mark語義：標記，做記號。
mark元素的作用是為了突出顯示頁面的某一塊內容。
特點：放在mark元素內部的內容，將高亮顯示（背景顏色為黃色）。
5.3 small元素
small語義：小字型文字
特點：字型比普通字型小一點。
<h3>鶴壁簡介h3>
<p>鶴壁是<mark>封神榜mark>故事發生地，中國商朝首都朝歌、周朝第一大諸侯國衛國首都朝歌、戰國七雄趙國首都中牟均位於鶴壁市。境內浚縣城是國家歷史文化名城。林、石、衛、康、殷姓及南韓（朝鮮）康氏、琴氏等姓氏均起源於此，鶴壁是中華民族姓氏的重要發祥地。<small>這些朝代都滅亡了small>
商場大打折 5.5折<small>起small>
p>
ol列表 新增了start和reversed屬性
start：定義開始計數的係數。
reversed：計數的順序，預設是從小到大，加上該屬性之後從大到小。
語義：進度、完成的進度
progress是行內標籤，有兩個常用屬性：max：進度的最大值；values：當前進度的值。
注意：看到的進度效果是value/max的比例。
meter語義：度量衡
注意：一般情況：需要已知最大值和最小值，
cite:引用，出自。
用法：一般用於定義作品（書籍、電影、歌曲、電視節目、繪畫）
注意：使用了該元素，內容變成斜體。
H5新增 head元素
mime型別 每當瀏覽器請求乙個頁面時，web伺服器會在傳送實際頁面內容之前，先傳送一些頭資訊。瀏覽器需要這些資訊來決定如何解析隨後的頁面內容。最重要的是content type 比如 content type text html text html 即這個頁面的 內容型別 或者稱為mime型別。這...
h5 其他偽元素
1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title title title 6 style 7 獲取第乙個字元 實現首字下沉 8 p first letter 1314 獲取第一行內容 如果設定了 first lette...
H5常用的標籤元素
常用html標籤元素結合及簡介 建立乙個html文件 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7，顏色使用名字或rgb的十六...