1.空元素(void)：沒有內容的元素。
常見的有：<br>,<hr>（顯示一條水平線）,<input>,<link>,<meta>（描述文檔內元數據，如描述，編碼，作者，關鍵字）；
不常見的有：<area>,<base>,<col>,<command>,<embed>,<keygen>,<param>,<source>,<track>,<wbr>
ps：很多不經常用，所以含義也無法記清。可以訪問菜鳥教程在搜索框中輸入相應的標籤進行搜索查看！
關於hr：
1 | <hr color="red"> |
ps：上述這行代碼：改變水平線顏色；但如果要在css中設置，color:red不會生效（因爲color設置的是字體顏色），可以考慮採用border:1px solid red來進行變色。
關於link：
1 | <link rel="icon" type="image/x-icon" href="test.png"> |
ps：上述這行代碼：設置標籤頁的圖標（頭像），href屬性值後綴可以爲.icon,.png等
2.塊元素&行元素：css標準規定：每個元素都有默認的display值。
塊元素：display: block; 常見有：div ul ol li dl dt dd h1~h6 p
行內元素（內聯元素）：display：inline; 常見有：a b span img input select strong(加重語氣)
3.XHTML：XML格式編寫的html
- xhtml：可擴展的超文本標記語言
- xhtml：與html 4.0.1 幾乎是相同的
- xhtml：更嚴格純淨的html版本
- xhtml：2001年1月發佈的W3C標準推薦
- xhtml：得到所有主流瀏覽器的支持
與html重要區別體現：
文檔結構：
- xhtml doctype是強制性的
- <html>中的XML namespace屬性是強制的
- <html>,<head><title>,<body>均是強制性的
元素語法：
- 元素必須正確嵌套
- 元素必須始終關閉；如<br />
- 元素必須小寫
- 元素必須有一個根元素
屬性語法：
- 屬性必須小寫
- 屬性值必須用引號包圍
- 屬性值不能簡寫
4.HTML<base>
1 | <base href="http://www.g.cn" target="_blank"> |
ps：該標籤作爲html中所有鏈接標籤的默認鏈接（個人不建議使用）
5.img
始終添加alt屬性：
1 | <img src="" alt=""> |
ps：當圖片加載失敗時，alt屬性可以告訴用戶相關信息；同時有利於純文本瀏覽用戶（這個應該比較少吧）；有利於爬蟲抓取，利於seo。
說到alt,就得說說title：
title：鼠標懸停相關元素上時，會出現提示文本。
定義圖像可點擊區域(map,area)：
1 2 3 4 5 6 | <img src="test.png" alt="a" usemap="#amap"> <map name="amap"> <area shape="rect" coords="0,0,10,10" href="1.html"> <area shape="circ" coords="" href=""> <area shape="poly" coords="" href=""> </map> |
- "rect"：x1,y1,x2,y2：左上角和右下角座標
- "circ"：x,y,radius：圓心座標和半徑
- "poly"：多邊形，x1,y1,x2,y2......：各頂點座標；如果第一對座標與最後一對座標不一致，瀏覽器會添加一對座標進行閉合圖形
6.如何在頁面上實現一個圓形的點擊區域：
- map+area或者svg
- border-radius
- 純js實現：首先判斷一個點在不在圓上面，獲取鼠標座標
7.a標籤書籤形式：
最常見效果：返回頂部
1 2 | <a id="test">頂部</a> <a href="#test">返回頂部</a> |
8.iframe語法：可以在同一個瀏覽器窗口顯示多個頁面：
1 | <iframe src="3.html" width="200px" height="200px" ></iframe> |
不顯示邊框：
1 | <iframe src="3.html" width="200px" height="200px" frameborder="0"></iframe> |
iframe缺點：
- 阻塞主頁面的onLoad事件；
- 搜索引擎的檢索程序無法解讀這種頁面，不利於seo；
- iframe和主頁共享連接池，而瀏覽器對相同的域連接有限制，會影響頁面的並行加載；
9.label標籤：定義表單間控制關係，當用戶點擊標籤時，瀏覽器會自動將焦點轉到相應的表單控件上。
1 2 3 4 | <form> <label for="name">點擊這裏,鼠標光標焦點轉至輸入框中</label> <input type="text" name="name" id="name"> </form> |