11.11云上盛惠!海量產(chǎn)品 · 輕松上云!云服務(wù)器首年1.8折起,買1年送3個(gè)月!超值優(yōu)惠,性能穩(wěn)定,讓您的云端之旅更加暢享。快來騰訊云選購吧!
“div+css”被搬上了互聯(lián)網(wǎng)時(shí)代的舞臺(tái),一夜間N多的《DIV+CSS》葵花寶典橫空出世,那時(shí),我們活在了div+css的年代,那時(shí),我們用上了<div>之后,腰不酸,腿不痛,加班也帶勁了。
其實(shí)我也是剛接觸HTML語義化也不是很久,還記得第一次接觸竟然是被某網(wǎng)絡(luò)公司W(wǎng)EB前端招聘的HR問到,當(dāng)時(shí)真的很囧。所謂吃一塹,長一智,零才決定對(duì)WEB前端和SEO結(jié)合起來學(xué)習(xí)。什么是HTML語義化?
曾經(jīng),設(shè)計(jì)師們經(jīng)常會(huì)跟頻繁使用基于table的沒有任何語義的布局。不過最終還是要感謝像Jeffrey Zeldman和Eric Meyer這樣的思想革新者,聰明的設(shè)計(jì)師們慢慢的接受了相對(duì)更語義化的<div>布局替代了table布局,并且開始調(diào)用外部樣式表。
相信大家都知道html和css,知道html結(jié)構(gòu)和css表現(xiàn)分離,知道html語義化,這些都是這幾年的熱門關(guān)鍵字。語義化的html在國內(nèi)也是一兩年前才開始被追捧的,看看現(xiàn)在群里談?wù)摰膆tml結(jié)構(gòu),關(guān)于html結(jié)構(gòu)的面試題,語義化的html占據(jù)了很大一部分。
其實(shí)想重提下那個(gè)話題,一直都在忙這忙那的沒時(shí)間。好不容易到一個(gè)周末了,原定安排是去D2的但是因?yàn)闀r(shí)間安排不過來,所以能抽空寫寫。早前的討論不了了之,其實(shí)這一點(diǎn)都不是Twinsen的風(fēng)格。
語義的HTML試圖通過網(wǎng)頁上文字和標(biāo)記傳達(dá)網(wǎng)頁的含義。 嘗試這樣思考:如果網(wǎng)頁上的內(nèi)容是你說的話。那么標(biāo)簽是話的結(jié)構(gòu),音調(diào),停頓
前兩天參加了公司組織的一個(gè)WD培訓(xùn),有一節(jié)課講了標(biāo)簽語義化,聽了之后感覺特別有用,更正了我以前對(duì) HTML 和 CSS 的錯(cuò)誤看法。
分離的結(jié)構(gòu)和表現(xiàn)的一個(gè)作用就是可以用語義化的標(biāo)簽來標(biāo)識(shí)文檔的內(nèi)容。在半結(jié)構(gòu)化的xhtml代碼里每個(gè)標(biāo)簽都有他代表的獨(dú)特意義。在現(xiàn)實(shí)生活中人腦可以輕易的分辨出網(wǎng)頁上文章標(biāo)題和小節(jié)標(biāo)題的區(qū)別,但是當(dāng)下搜索引擎技術(shù)還不成。如果網(wǎng)頁上所有文字都是用<p>做標(biāo)簽的話,
分離結(jié)構(gòu)與表現(xiàn)的另一個(gè)重要方面是使用語義化的標(biāo)記來構(gòu)造文檔內(nèi)容。一個(gè) XHTML 元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義,沒有理由使用其他的標(biāo)記。換句話說,不要讓 CSS 使一個(gè) HTML 元素看起來就像另一個(gè) HTML 元素,比如用<div>來代替<p>標(biāo)記標(biāo)題。