国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

重學(xué) html の 標(biāo)簽語義化

lk20150415 / 3351人閱讀

摘要:語義化是指僅僅從元素上就能看出頁面的大致結(jié)構(gòu)。表述類縮寫表示整段話的引用表示一行文字的引用表示引述作品名兩個標(biāo)簽結(jié)合使用,來定義圖文。黃浦江上的的盧浦大橋元素可定義預(yù)格式化的文本。在語義上表達是段代碼。

HTML語義化是指僅僅從 HTML 元素上就能看出頁面的大致結(jié)構(gòu)。我們比較習(xí)慣使用 div、span 來壘頁面,視覺上沒啥問題,文字既內(nèi)容,html 標(biāo)簽只被 css 樣式所用,單從 html 結(jié)構(gòu)上很難看出意圖。語義標(biāo)簽則是純文字的補充,比如標(biāo)題,自然段、章節(jié)、列表等我們使用相應(yīng)的 html 標(biāo)簽會更好些。

語義化的好處

對開發(fā)者友好---開發(fā)者可根據(jù)html標(biāo)簽大概了解頁面結(jié)構(gòu)

對搜索引擎友好---seo 排名更靠前

對無障礙設(shè)備友好---盲人軟件讀屏

標(biāo)簽列舉 結(jié)構(gòu)類

article、section、nav、aside、footer、header 、ul、li 等
該類標(biāo)簽大家掌握理解的應(yīng)該都不錯,按照字面理解即可。

表述類 abbr 縮寫
WWW
blockquote、q、cite

blockquote 表示整段話的引用、q 表示一行文字的引用、cite表示引述作品名

figure、figcaption

兩個標(biāo)簽結(jié)合使用,來定義圖文。

黃浦江上的的盧浦大橋
pre、code

pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。
code 在語義上表達是段代碼。和 span 沒有太大的區(qū)別。

使用原則
用對比不用好,不用比用錯好。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/54970.html

相關(guān)文章

  • 重學(xué) html link標(biāo)簽

    摘要:元素規(guī)定了外部資源與當(dāng)前文檔的關(guān)系。常用于鏈接樣式表,創(chuàng)建網(wǎng)站圖標(biāo),預(yù)加載資源等。那么我們就可以在標(biāo)簽設(shè)置字體的。注意當(dāng)界面加載時,兩個樣式表都會下載到客戶端,只是會根據(jù)場景不同使用不同的樣式。標(biāo)簽的和屬性的區(qū)別和目的引用一步前端 link元素規(guī)定了外部資源與當(dāng)前文檔的關(guān)系。常用于鏈接樣式表,創(chuàng)建網(wǎng)站圖標(biāo),預(yù)加載資源等。 鏈接樣式表? 創(chuàng)建站點圖標(biāo) 預(yù)加載 用于前端界面性能優(yōu)化...

    ruicbAndroid 評論0 收藏0
  • 重學(xué) html meta 標(biāo)簽

    摘要:標(biāo)簽的個屬性。緩存所有響應(yīng),但并非必須。只為單個用戶緩存,因此不允許任何中繼進行緩存。比如說就不允許緩存的響應(yīng)表示當(dāng)前請求開始,該響應(yīng)在多久內(nèi)能被緩存和重用,而不去服務(wù)器重新請求。 meta簡介 網(wǎng)頁元數(shù)據(jù),常用于定義網(wǎng)頁的編碼、說明、關(guān)鍵字、修改日期及其他信息。這些數(shù)據(jù)服務(wù)于瀏覽器、搜索引擎等。 meta 標(biāo)簽的2個屬性name, http-equiv。 。 name 屬性 ...

    guyan0319 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<