❶ 如何理解 Web 語義化
前端簡介Web前端開發工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。隨著人們對用戶體驗的要求越來越高，前端開發的技術難度越來越大，Web前端開發工程師這一職業終於從設計和製作不分的局面中獨立出來。早期的前端其實就是Table布局，後來發展到所謂的Div+CSS網站重構，再到現在的讓人眼花繚亂的各種各樣的新技術，Web前端技術發展是非常快速的，因此選擇了前端這個行業就意味著不停的學習吧。
❷ Web前端最全面試寶典- Html篇
HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料：MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵，提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識，多個類名用空格分開，CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型： , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示，但是不能用這個屬性實現樣式效果
id
: 元素id，文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點，通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息，包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當地表示文檔結構 css命名的語義化是指：為html標簽添加有意義的class，id補充未表達的語義，如Microformat通過添加符合規則的class描述信息 為什麼需要語義化：
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面，有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
新特性：
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽（header,nav,footer,aside,article,section）
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項，calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5新標簽：
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽，瀏覽器支持新標簽後，還需要添加標簽默認的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：
如何區分：
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別？
HTML5 能夠本地存儲數據，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案：
localStorage - 沒有時間限制的數據存儲，數據永遠不會過期，關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲，同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API？
1：canvas，不用多說，可以畫出很多絢麗的圖形，甚至可以直接做出偽3D游戲。
2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標簽寫，以前的音樂播放是不可能實現滾動條的。)
3：離線網頁程序，可以把資源文件完全緩存在客戶端，並且通過js的一些方法清空緩存
4：文檔編輯，應該是更好的支持對文檔的編輯。
5：拖動，可以將文件拖動到某些區域上傳
6：跨文檔請求，websocket，一種更加高效的通訊方式
7：歷史管理，可以通過js管理和插入歷史記錄
8：MIME頭自定義
9：客戶端數據存儲，localstoage sessionstoage
10：地理位置共享
11：本地資料庫
12：索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別？
HTML5 引入了應用程序緩存，這意味著 web 應用可進行緩存，並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢：
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試？有哪些內核(Layout Engine)?
(Q1)瀏覽器：IE，Chrome，FireFox，Safari，Opera。
(Q2)內核：Trident，Gecko，Presto，Webkit。
12.請描述一下 cookies，sessionStorage 和 localStorage 的區別？
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大；
sessionStorage和localStorage有更多豐富易用的介面；
sessionStorage和localStorage各自獨立的存儲空間；
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在，更新value
獲取 - localStorage.getItem(key) - 如果key不存在，返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存？
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲，所謂的離線存儲就是將一些資源文件保存在本地，這樣後續的頁面重新載入將使用本地資源文件，在離線情況下可以繼續訪問web應用，同時通過一定的手法（更新相關文件或者使用相關API），可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的，使用如 <html manifest='offline.manifest'> 來引入一個manifest文件，這個文件的路徑可以是相對的，也可以是絕對的，如果你的web應用很多，而且希望能集中管理manifest文件，那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪制圖形，該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作
❸ web的標准包括那些組成部分
1.什麼是web標准？
首先要明確一個概念。我們本書講的web標准，不是指XML，而是指為了實現大量HTML信息向XML標準的過渡，W3C和ECMA制定的一系列的技術規范，目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web標准不僅僅是一個規范，而是一系列規范的總稱。
按這些規范製作的網頁，符合XML格式規范，內容與表現相分離，將使你的頁面數據在以後可以被分享、交換和重用。
下面，讓我們一起了解一些重要的基礎知識。如果你已經掌握，可以跳過直接閱讀第二節
。
2. 什麼是w3c？
W3C是「World Wide Web Consortium」的縮寫，中文稱萬維網組織。是一個專注於「領導和發展web技術」的國際工業行業協會。它由萬維網發明者Time Berners-Lee領導，成立與1994年。W3C已經有超過500家的會員--包括微軟、美國在線(Netscape的母公司)、蘋果電腦、 Adobe、Macromedia、SUN 以及各類主流硬體、軟體製造商和電信公司。學會主要研究由三家學術機構主理--美國麻省理工學院(MIT)、法國的歐洲信息與數學研究論壇 (ERCIM)、日本的應慶大學(KEIO)。
W3C主要工作是研究和制定開放的規范(事實上的標准)，以便提高web相關產品的互用性。W3C的推薦規范的制定都是由來自於會員和特別邀請的專家組成的工作組完成。工作組的草案(Drafts)在通過多數相關公司和組織同意後提交給W3C理事會討論，正式批准後才成為「推薦規范 (Recommendations)」發布。更多的信息您可以訪問W3C的網站：www.w3.org
web標準的優勢
5.1 易用性
用web標准製作的頁面，對搜索引擎更加「透明」，因為良好清晰的結構使得搜索引擎能夠方便的判斷與評估信息，從而建立更精確的索引。按web標准製作的頁面也可以在更老版本的瀏覽器中正常顯示基本結構，即使CSS/XSL樣式無法解析，它也能顯示出完整的信息和結構。
符合web標準的頁面也很容易被轉換成其他格式文檔，例如資料庫或者word格式,也容易被移植到新的系統--硬體或者軟體系統，比如網路電視、PDA等等。這是XML天生具有的優勢。
符合web標準的頁面也具有天生的「易用性(accessibility)」,不僅僅是普通瀏覽器可以閱讀，那些有殘疾的人們也可以通過盲人瀏覽器、聲音閱讀器正常使用。
5.2 向後兼容性
使用web標准建立的頁面，將在未來的新瀏覽器或者新網路設備中很好的工作。我們只要修改CSS或者XSL定製相應的表現形式就可以了。
關於web標準的好處
1.科技在進步，網路帶寬越來越大，速度越來也快，節省那點位元組有意義嗎？
web標準的好處之一是：用web標准製作的頁面代碼量小，可以節省帶寬。這只是web標准附帶的好處，因為DIV的結構本身就比TABLE簡單，TABLE布局的層層嵌套造成代碼臃腫，文件尺寸膨脹。通常情況下，相同表現的頁面用DIV+CSS比用TABLE布局的節省2/3的代碼。這是web標准天生的好處。至於節省帶寬的意義並不主要針對普通用戶，而主要針對網站經營者，特別是中大型網站，類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k，假設一天的pageview是3000萬(保守數字)，那麼節省的伺服器流量就是330k*30000000=9440G，這個成本的節約是可觀的。
2.我需要考慮殘障人士（盲人和弱視）嗎？
為殘障人士提供網路瀏覽方便是美國及歐洲一些國家的法律規定，由於web標准頁面的清晰結構、語義完整，一些相關設備能很容易的正確提取信息給殘障人士。因此，方便盲人閱讀信息也成為web標準的天生好處之一。至於有人說中國目前還有很多人為解決溫飽發愁，哪有時間考慮殘障人士。這是社會文明和社會道德問題，不在本書討論范疇。但如果你頁面按web標准製作了，就能達到這個效果，何樂而不為呢？
關於瀏覽器兼容
1.我不需要關心web標准，IE佔有99%的市場，我做的頁面只要IE能看就可以了。
「以用戶為核心」通常都是反對web標准者的檔箭牌，實際上這是虛偽的「以用戶為核心」。你不能保證IE永遠是壟斷瀏覽器市場，你也不能保證IE不做任何改變(事實上，微軟的IE7已經開始改善對 web標準的支持)。堅持用html+table布局製作的頁面將是「死」的信息，不方便搜索，無法重用與共享，從長遠來講，這才是對用戶最大的傷害。
2.為什麼web標準的頁面兼容性並不好？
我們說web標準的優勢是兼容性好，這個兼容是指向後兼容，向新瀏覽器、新設備兼容。對已有的瀏覽器來說，因為它們對web標準的支持程度不一樣，因此會出現不同瀏覽器下頁面變形的情況。我們必須採用一些"hack"技巧來實現不同瀏覽器的兼容。這是無奈、也是不可避免的，是web技術發展必然要經歷的一個過程，是我們向XML過渡必須克服的一個困難。
我想你和我一樣，都關心WEB的未來會是怎麼樣的，下一輪的新技術熱點在什麼方向。其實，要回答這個問題，沒有誰比W3C更有權威了。只要看看W3C在做什麼，正在研究什麼規范就知道WEB的走向和趨勢了。
W3C明確地告訴我們：XML是未來的趨勢毋庸置疑，開放和共享是互聯網的精神和根本動力。
蒂姆.貝納斯-李（Tim Berners-Lee），W3C領導人，萬維網之父，說到：XML提供了信息交換的手段，但這僅僅只是開始。我們的目標是web的語義化，即：使得web上的信息內容更加容易理解、更便於交換和共享，RDF和OWL語言將在這方面提供更強大的支持。
web技術即將迎接新一輪的變革和發展，如果你還在猶豫是不是需要學習web標准，那麼你將失去這次機會。
❹ 如何理解 web 語義化
語義化的HTML結構怎麼理解
關於html結構的面試題，語義化的html占據了很大一部分。那麼為什麼要使用語義化的HTML？語義化的HTML到底有什麼好處呢？
HTML是提供網頁文檔內容的上下文結構和含義；html本身是沒有表現的，我們看到例如<h1>是粗體，字體大小2em，加粗；<strong>是加粗的，不要認為這是html的表現，這些其實html默認的css樣式在起作用，所以首先我們要知道html和頁面的表現是沒有關系的，這些是css的事情。HTML在頁面中的作用就是結構和含義，通俗點說就是劃分內容，這里放什麼，我們放的是什麼。
語義化的HTML結構首先要強調HTML結構
HTML結構是頁面的骨架，一個頁面就好像一幢房子，HTML結構就是鋼精鋼筋混泥土的牆，一幢房子如果沒有鋼精鋼筋混泥土的牆那就是一堆費磚頭，不能住人，不能辦公。css是裝飾材料，是原木地板，是大理石，是油漆，是用來裝飾房子的，CSS的強大就不用多說了，css如果沒有html結構那就是一堆木板，一同油漆，沒有了實際使用價值。CSS完全依靠引用它的(X)HTML文檔。如果你想使CSS的能力充分發揮到極致，提供一個用既干凈又有結構的內容的html是非常必要的，「HTML是在互聯網上發布超文本的通用語，HTML使用標簽來對文本結構化」。
語義化的HTML結構怎麼寫？
HTML是一種對文本內容進行結構和意義（或者說「語義」）進行補充的方法。它會告訴我們說：「這行是一個標題，這幾行組成了一個段落。這些文字是項目列表，這些文字是鏈接到互聯網上另一個文件的超鏈接。」值得注意的是，不應該讓HTML來告訴我們：「這些文字是藍色的，這些文字又是紅色的。這部分內容是最最靠右的一欄，這行內容是斜體字。」這些和表現相關的信息是CSS的工作。在做前端開發的時候要記住：HTML告訴我們一塊內容是什麼（或其意義），而不是它長的什麼樣子。當我們提到「語義標記」的時候，我們所說的HTML應該是完全脫離表現信息的，其中的標簽應該都是語義化地定義了文檔的結構。
語義化的HTML結構其實很簡單，首先掌握html中各個標簽的語義，<div>是一個容器；<strong>是表示強調；<ul><li>是一個無序列表等等…在看到內容的時候想想用什麼標簽能更好的描述它，是什麼就用什麼標簽。
語義化的HTML結構到底有什麼好處？
我們知道HTML5新增的標簽，比如<header>和<footer>，html正在朝著更加健壯的語義化的HTML結構發展，xhtml2在這點上沒html5先進，這也是xhtml2死亡的一個原因，這一點也說明語義化的HTML結構是html的發展趨勢。
1.去掉或樣式丟失的時候能讓頁面呈現清晰的結構：
html本身是沒有表現的，我們看到例如<h1>是粗體，字體大小2em，加粗；<strong>是加粗的，不要認為這是html的表現，這些其實html默認的css樣式在起作用，所以去掉或樣式丟失的時候能讓頁面呈現清晰的結構不是語義化的HTML結構的優點，但是瀏覽器都有有默認樣式，默認樣式的目的也是為了更好的表達html的語義，可以說瀏覽器的默認樣式和語義化的HTML結構是不可分割的。
2.屏幕閱讀器（如果訪客有視障）會完全根據你的標記來「讀」你的網頁.
例如,如果你使用的含語義的標記,屏幕閱讀器就會「逐個拼出」你的單詞,而不是試著去對它完整發音.
3.PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁（通常是因為這些設備對CSS的支持較弱）.
使用語義標記可以確保這些設備以一種有意義的方式來渲染網頁.理想情況下,觀看設備的任務是符合設備本身的條件來渲染網頁.
語義標記為設備提供了所需的相關信息,就省去了你自己去考慮所有可能的顯示情況（包括現有的或者將來新的設備）.例如,一部手機可以選擇使一段標記了標題的文字以粗體顯示.而掌上電腦可能會以比較大的字體來顯示.無論哪種方式一旦你對文本標記為標題,您就可以確信讀取設備將根據其自身的條件來合適地顯示頁面.
4.搜索引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重.
過去你可能還沒有考慮搜索引擎的爬蟲也是網站的「訪客」,但現在它們他們實際上是極其寶貴的用戶.沒有他們的話,搜索引擎將無法索引你的網站,然後一般用戶將很難過來訪問.
5.你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用於表現的標記,而只注重語義標記.
因此,如果頁面文件的標題被標記,而不是,那麼這個頁面在搜索結果的位置可能會比較靠後.除了提升易用性外,語義標記有利於正確使用CSS和JavaScript,因為其本身提供了許多「鉤鉤」來應用頁面的樣式與行為.SEO主要還是靠你網站的內容和外部鏈接的。
6.便於團隊開發和維護
W3C給我們定了一個很好的標准，在團隊中大家都遵循這個標准，可以減少很多差異化的東西，方便開發和維護，提高開發效率，甚至 實現模塊化開發。
如有不同觀點，補充，歡迎留言討論。
❺ Web 前端怎樣入門
方法：
第一：理清Web前端的知識結構。要想高效學習Web前端知識，首先應該搞清楚Web前端都包括哪些技術結構。Web前端開發雖然技術難度並不高，但是技術細節卻比較多，內容也比較雜。Web前端的基礎包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是學習的重點，也是難點。另外，vue等框架也是需要熟練掌握的。
第二：緊跟技術發展趨勢。目前Web前端的技術發展趨勢有三個，其一是前端開發數據化;其二是前端開發高效化;其三是前端開發全棧化。前端開發數據化主要是大數據發展的影響，在大數據的推動下，Web前端逐漸涉及到了大量的數據展示任務。前端開發高效化主要體現在Web前端正在進行獨立部署，前端與後端的溝通主要通過資源介面的方式來進行。前端開發全棧化也是一個比較明顯的趨勢，比如Nodejs的應用。
第三：注重動手實踐能力的培養。學習前端開發一定要注重動手實踐能力的培養，因為前端開發的細節比較多，所以只有多操作才能逐漸熟悉。
前端開發目前被稱為「大前端」，整個前端開發也被賦予了更多的含義，包括Web前端開發、移動端開發、大數據呈現端開發以及部分後端開發任務等等。所以，想要在前端行業中走的更遠，一定要注重知識結構的豐富性。
與其他編程語言相比，前端是公認的入行門檻較低的一門語言，但依然有很多人在學習之前會問零基礎學習web前端難不難，要多久才能學會。學習的難易和時間當然是取決於學習的方式。
前端入門簡單，但是深入學習之後，還是有一定學習難度的。如果你是零基礎自學web前端的話，那麼所花費的時間與精力是不可估計的。 如果系統學習5個月的時間可以幫助你快速成長為合格的web前端工程師。
至於視頻教程，我這里有很多前端的全套教程，如果你需要的話，可以加一下我的學習交流裙裙，找我要就行了！
❻ 如何理解 Web 語義化
前端簡介Web前端開發工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。隨著人們對用戶體驗的要求越來越高，前端開發的技術難度越來越大，Web前端開發工程師這一職業終於從設計和製作不分的局面中獨立出來。早期的前端其實就是Table布局，後來發展到所謂的Div+CSS網站重構，再到現在的讓人眼花繚亂的各種各樣的新技術，Web前端技術發展是非常快速的，因此選擇了前端這個行業就意味著不停的學習吧。讓我們先看看張克軍繪制的前端知識體系結構：前端開發的核心是HTML+CSS+JavaScript。本質上它們構成一個MVC框架，即HTML作為信息模型（Model），CSS控制樣式（View），JavaScript負責調度數據和實現某種展現邏輯（Controller）。HTML1.標簽的分類1.標簽表示一個元素2.按性質劃分:Block-Level和Inline-Level3.按語義劃分:Headings:h1,h2,h3,h4,h5,h6Paragraphs:pTextFormatting:em,strong,sub,del,ins,smallLists:ul,li,ol,dl,dt,ddTables:table,thead,tbody,tr,th,tdFormsandInput:form,input,select,textareaOthers:div,span,a,img,HTML5:header,footer,article,section2.XHTMLXHTML於2000年的1月26日成為W3C標准。W3C將XHTML定義為最新的HTML版本。XHTML將逐漸取代HTML。XHTML是通過把HTML和XML各自的長處加以結合形成的。XHTML語法規則如下：屬性名和標簽名稱必須小寫屬性值必須加引號屬性不能簡寫用Id屬性代替name屬性XHTML元素必須被正確地嵌套XHTML元素必須被關閉3.標簽的語義化為表達語義而標記文檔，而不是為了樣式，結構良好的文檔可以向瀏覽器傳達盡可能多的語義，不論是瀏覽器位於掌上電腦還是時髦的桌面圖形瀏覽器。結構良好的文檔都能向用戶傳達可視化的語義，即使是在老的瀏覽器，或是在被用戶關閉了CSS的現代瀏覽器中。同時結構良好的HTML代碼也有助於搜索引擎索引你的網站。不要使用table布局，table是用來表格顯示的。不要到處濫用div標簽，div是用來分塊用的。不要使用樣式標簽，如font,center,big,small,b,i，樣式可以用CSS來控制，b和i可以用strong和em來代替。不要使用換行標簽和空格來控制樣式，請用CSS。盡量不要使用內聯CSSCSS1.CSS基礎知識層疊和繼承優先順序盒模型定位浮動2.CSS進階CSSSprite瀏覽器兼容性IEHasLayout和性能優化LESSandSASSCSSSpriteCSSSprite主要用於前端性能優化的一種技術，原理是通過將多張背景圖片合成在一張圖片上從而減少HTTP請求，加快載入速度。瀏覽器兼容性絕大部分情況下我們需要考慮瀏覽器的兼容性，目前正在使用的瀏覽器版本非常多，IE6,IE7,IE8,IE9,IE10,Chrome,Firefox,Safari。IEHasLayout和BlockFormatContentIEHasLayout是一個InternetExplorerforWindows的私有概念，它決定了一個元素如何顯示以及約束其包含的內容、如何與其他元素交互和建立聯系、如何響應和傳遞應用程序事件、用戶事件等。這種渲染特性可以通過某些CSS屬性被不可逆轉地觸發。而有些HTML元素則默認就具有」layout」。目前只有IE6和IE7有這個概率。BFC是W3CCSS2.1規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關系和相互作用。這個其實和瀏覽器的兼容性有關，因為絕大部分的兼容性問題都是它們引起的。參考：CSSBFC和IEHaslayout介紹CSSFrameworkCSS框架是一系列CSS文件的集合體，包含了基本的元素重置，頁面排版、網格布局、表單樣式、通用規則等代碼塊,用於簡化web前端開發的工作，提高工作效率。目前常見框架有：還是一個比較出名和特殊的框架是Twitter的Bootstrap。Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合，它使用了最新的瀏覽器技術，給你的Web開發提供了時尚的版式，表單，buttons，表格，網格系統等等。它是基於Less開發的。不支持IE6，在IE7和IE8里效果也不咋地。CSS3雖然CSS3還沒有正式成為標准，但是包括IE9+,chrome,Firefox等現代瀏覽器都支持CSS3。CSS提供了好多以前需要用JavaScript和切圖才能搞定的功能，目前主要功能有：圓角多背景@font-face動畫與漸變漸變色Box陰影RGBa-加入透明色文字陰影CSS性能優化CSS代碼是控制頁面顯示樣式與效果的最直接「工具」，但是在性能調優時他們通常被Web開發工程師所忽略，而事實上不規范的CSS會對頁面渲染的效率有嚴重影響，尤其是對於結構復雜的Web2.0頁面，這種影響更是不可磨滅。所以，寫出規范的、高性能的CSS代碼會極大的提高應用程序的效率。參考CSS性能優化探討LESS和SASSLESS和SASS都是CSS預處理器，用來為CSS增加一些編程的的特性，無需考慮瀏覽器的兼容性問題，例如你可以在CSS中使用變數、簡單的程序邏輯、函數等等在編程語言中的一些基本技巧，可以讓你的CSS更見簡潔，適應性更強，代碼更直觀等諸多好處。SASS基於Ruby開發。LESS既可以在客戶端運行，也可以藉助Node.js或者Rhino在服務端運行。
❼ 什麼是web語義化，百度了一下講的都不是很好，太凌亂了 ,求高手支招啊，另外web語義化有什麼好處
你是說語義Web吧？
學術屆將其稱為Web3.0的核心，目標是將當前的網頁提升為計算機能夠「理解」和處理的網頁。
核心思想是標注網頁對象使其對應本體中的實體，並通過邏輯等手段進行自動推理。
作用在於更好整合網路上的資源，使計算機能夠處理分布於不同位置的信息，自動產生問題的解決方案。
❽ 如何理解 Web 語義化
民工理解: 以前讓人懂就可以了, 現在要讓機器也懂, 不要把不相關的東西爬進去, 例如提示框的內容啊, 提示信息等等和內容關系不大的東西.
❾ 如何理解web語義化
瀏覽器可讀性高,別人修改代碼好找,
❿ 如何理解 Web 語義化
HTML 是聯系大多數 Web 資源的紐帶，也是內容的載體。在 Web 被剛剛設計出來的時候，可能不會想到它現在會達到的規模以及深入到我們生活的那麼多方面。也許起初的想法很簡單：用來發布 Web 內容和資源的索引，方便人們查看。
但是隨著 Web 規模的不斷擴大，信息量之大已經不在人肉處理的范圍之內了。這個時候人們開始用機器來處理 Web 上發布的各種內容，搜索引擎就誕生了。再後來，人們又設計了各種智能程序來對索引好的內容作各種處理和挖掘。所以讓機器能夠更好地讀懂 Web 上發布的各種內容就變得越來越重要。
語義網技術，它包括一套描述語言和推理邏輯。它包通過一些格式對本體（Ontology）進行描述。如W3C的 RDF就是這樣一種描述規范，它描述這些數據所表達的含義還有這些詞之間可能產生的關系（動詞？），那麼計算機就可以通過查詢（推理規則）來產生我們需要的數據視圖了。也就是說如果你對計算機提問，因為計算機理解數據，所以可以推理出你所想要的答案，即使這個答案不是預先准備好的。大部分的語義網的表示規范都基於XML，因為它是一種完備的通用描述語言。
HTML
HTML 在剛開始設計出來的時候就是帶有一定的「語義」的，包括段落、表格、圖片、標題等等，但這些更多地只是方便瀏覽器等 UA 對它們作合適的處理。但逐漸地，機器也要藉助 HTML 提供的語義以及自然語言處理的手段來「讀懂」它們從網上獲取的 HTML 文檔，但它們無法讀懂例如「紅色的文字」或者是深度嵌套的表格布局中內容的含義，因為太多已有的內容都是專門為了可視化的瀏覽器設計的。面對這種情況，出現了兩種觀點：
1 我們可以讓機器的理解能力越來越接近人類，人能看懂、聽懂的東西，機器也能理解；
2 我們應該在發布內容的時候，就機器可讀的、被廣泛認可的語義信息來描述內容，來降低機器處理 Web 內容的難度（HTML 本身就已經是朝這個方向邁出的一小步了）。
HTML 規范其實一直在往語義化的方向上努力，許多元素、屬性在設計的時候，就已經考慮了如何讓各種用戶代理甚至網路爬蟲更好地理解 HTML 文檔。HTML5 更是在之前規范的基礎上，將所有表現層（presentational）的語義描述都進行了修改或者刪除，增加了不少可以表達更豐富語義的元素。為什麼這樣的語義元素是有意義的？因為它們被廣泛認可。所謂語義本身就是對符號的一種共識，被認可的程度越高、范圍越廣，人們就越可以依賴它實現各種各樣的功能。