- 說說你對標籤語義化的理解：
好的語義化的網站標準就是去掉樣式表文件之後，結構依然清晰。
概念：根據內容語義化，選擇合適的標籤。
意義：1、網頁結構合理。
2、有利於seo和搜索引擎建立良好溝通，這樣容易被搜索引擎抓取。
3、方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網頁；
4、便於團隊開發和維護。
- Doctype的作用?嚴格模式與混雜模式如何區分?他們有何意義?
作用是聲明文檔類型，告訴瀏覽器以何種模式來渲染文檔。
嚴格模式排版：以該瀏覽器的最高標準運行。
混雜模式：頁面以向後兼容的方式顯示，模擬老式瀏覽器的行爲以防止站點無法工作。
doctype不存在或者格式不正確會導致文檔已混雜模式呈現。
- 說出幾種Doctype文檔類型。
1.HTML5的DTD（文檔類型定義）
2.HTML 4.01Strict：該DTD包含所有HTML元素和屬性，但不包括展示性和棄用的元素。不允許框架集（Framesets）。
3.HTML 4.01 Transitional：該DTD包含所有HTML元素和屬性，包括展示性的和棄用的元素。不允許框架集（Framesets）。
4.HTML 4.01 Frameset：該DTD等同於HTML4.01Transitional，但允許框架集內容。
a. Standards （標準）模式（也就是嚴格呈現模式）用於呈現遵循最新標準的網頁，
b. Quirks（包容）模式（也就是鬆散呈現模式或者兼容模式）用於呈現爲傳統瀏覽器而設計的網頁。
- HTML與XHTML區別：
1. XHTML 元素必須被正確地嵌套。
2. XHTML 元素必須被關閉。
3. 標籤名必須用小寫字母。
4. XHTML 文檔必須擁有根元素。
- H5新增的語義化標籤：
1). header 頁面頭部
2). footer 頁面腳步
3). nav 導航
4). section 用來劃分頁面上的不同區域
5). article 用來表示頁面上一套完整且獨立的內容部分
6). aside 側邊欄，和主題相關的側邊欄
- 使單行文本溢出出現省略號的樣式：
overflow:hidden;
white-space:nowarp;
text-overflow:ellipsis;
- z-index無效問題的產生情況及解決辦法：
引起其無效的可能有三種情況：
a. 父標籤position屬性爲relative;
b.問題標籤無定位；
c.問題標籤含有float屬性；
解決辦法:
a.=>改成absolute
b.=>定位
c.=>清除浮動
- HTML5有哪些新特性、移除了那些元素？
新特性：
1).繪畫canvas
2).本地存儲localStorage和sessionStorage
3).用於媒介回放的video和audio元素
4).新增了一些語義化標籤，如nav,footer
5).表單控件，calendarmdate,time,email,url,search
6).新技術webworker(專用線程)
7).websocket
8).地理定位
移出：
一些純表現的元素：
<basefont><u><big><strike><tt>等
框架集：
<frameset><noframes><frame>
- 簡述一下src與href的區別：
1).src用於替換當前元素；href用於在當前文檔和引用資源之間確立聯繫。
2).src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標籤所在位置
3).href是Hypertext Reference的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接
- px em rem的區別：
1）px 像素（Pixel）。絕對單位。像素 px 是相對於顯示器屏幕分辨率而言的，
是一個虛擬長度單位，是計算機系統的數字化圖像長度單位，如果 px 要換算成
物理長度，需要指定精度 DPI。
2）em 是相對長度單位，相對於當前對象內文本的字體尺寸。如當前對行內文
本的字體尺寸未被人爲設置，則相對於瀏覽器的默認字體尺寸。它會繼承父級
元素的字體大小，因此並不是一個固定的值。
3）rem 是 CSS3 新增的一個相對單位（root em，根 em），使用 rem 爲元素
設定字體大小時， 仍然是相對大小，但相對的只是 HTML 根元素。
4）區別：IE 無法調整那些使用 px 作爲單位的字體大小，而 em 和 rem 可
以縮放，rem 相對的 只是 HTML 根元素。這個單位可謂集相對大小和絕對大
小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小
，又可以避免字體大小逐層複合的連鎖反應。目前，除了 IE8 及更早版本外
，所有瀏覽器均已支持 rem。
