一、WEB標準

Web標準不是某一個標準，而是由W3C組織和其他標準化組織制定的一系列標準的集合。

1 為什麼要遵循WEB標準呢？

瀏覽器不同核心不同，他們顯示頁面或者排版就有些許差異。

2 Web 標準的好處

遵循web標準可以讓不同我們寫的頁面更標準更統一外，還有許多優點

　　1、讓Web的發展前景更廣闊

　　2、內容能被更廣泛的裝置訪問

　　3、更容易被搜尋引擎搜尋

　　4、降低網站流量費用

　　5、使網站更易於維護

　　6、提高頁面瀏覽速度

3 Web 標準構成

構成： 主要包括結構（Structure）、表現（Presentation）和行為（Behavior）三個方面。

• 結構：用於對網頁元素
  進行整理和分類，通過HTML標籤實現。
• 表現：用於設定網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。
• 行為：是指網頁模型的定義及互動的編寫，通過Javascript實現。

二、瀏覽器以及核心

介紹一下你對瀏覽器核心的理解？常見的瀏覽器核心有哪些？

瀏覽器核心包括兩部分，渲染引擎和js引擎。渲染引擎負責讀取網頁內容，整理訊息，計算網頁的顯示方式並顯示頁面，js引擎是解析執行js獲取網頁的動態效果。 後來 JS 引擎越來越獨立，核心就傾向於只指渲染引擎。

• IE：Trident
• firefox：Gecko
• chrom、safari：webkit
• Opera：Presto
• Microsoft Edge：EdgeHTML

1、IE瀏覽器核心：Trident核心，也是俗稱的IE核心；

2、Chrome瀏覽器核心：統稱為Chromium核心或Chrome核心，以前是Webkit核心，現在是Blink核心；

3、Firefox瀏覽器核心：Gecko核心，俗稱Firefox核心；

4、Safari瀏覽器核心：Webkit核心；

5、Opera瀏覽器核心：最初是自己的Presto核心，後來加入谷歌大軍，從Webkit又到了Blink核心；

6、360瀏覽器、獵豹瀏覽器核心：IE+Chrome雙核心；

7、搜狗、遨遊、QQ瀏覽器核心：Trident（相容模式）+Webkit（高速模式）；

8、百度瀏覽器、世界之窗核心：IE核心；

9、2345瀏覽器核心：好像以前是IE核心，現在也是IE+Chrome雙核心了；

10、UC瀏覽器核心：這個眾口不一，UC說是他們自己研發的U3核心，但好像還是基於Webkit和Trident，還有說是基於火狐核心。

三、語義化標籤

語義化的標籤，旨在讓標籤有自己的含義。

1 HTML5新增的語義化標籤

• header --- 頭部標籤

• nav --- 導航標籤

• article --- 內容標籤

• section --- 塊級標籤

• aside --- 側邊欄標籤

• footer --- 尾部標籤

2使用語義化標籤的注意

• 語義化標籤主要針對搜尋引擎

• 新標籤可以使用一次或者多次

• 在 IE9 瀏覽器中，需要把語義化標籤都轉換為塊級元素

• 語義化標籤，在移動端支援比較友好

3 語義化的優點

• 程式碼結構:使頁面沒有css的情況下，也能夠呈現出很好的內容結構
• 有利於SEO:爬蟲依賴標籤來確定關鍵字的權重，因此可以和搜尋引擎建立良好的溝通，幫助爬蟲抓取更多的有效資訊
• 提升使用者體驗：例如title、alt可以用於解釋名稱或者解釋圖片資訊，以及label標籤的靈活運用。
• 便於團隊開發和維護:語義化使得程式碼更具有可讀性，讓其他開發人員更加理解你的html結構，減少差異化。
• 方便其他裝置解析:如螢幕閱讀器、盲人閱讀器、移動裝置等，以有意義的方式來渲染網頁。