新聞中心
來(lái)源:知乎 作者:大漠

耒陽(yáng)網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,耒陽(yáng)網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為耒陽(yáng)超過(guò)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的耒陽(yáng)做網(wǎng)站的公司定做!
原文:https://www.zhihu.com/question/396745068
HTML(HyperText Markup Language)是建Web的最基礎(chǔ)部分之一,也可以說(shuō)是構(gòu)建Web世界的一磚一瓦。這也是眾所周知的。但在當(dāng)代Web開(kāi)發(fā)當(dāng)中,已經(jīng)很少有開(kāi)發(fā)者關(guān)注HTML相關(guān)的話題了,特別是當(dāng)JavaScript框架、組件庫(kù)、UI庫(kù)橫著走的年代,這方面更是如此。
換句話說(shuō),能寫出具有語(yǔ)義化,具有可訪問(wèn)性的文檔結(jié)構(gòu)的前端開(kāi)發(fā)者越來(lái)越少了。
寫出一個(gè)文檔結(jié)構(gòu)不清晰,對(duì)于可訪問(wèn)性來(lái)說(shuō)是致命的,特別是對(duì)于那些依賴于屏幕讀屏器的用戶群體來(lái)說(shuō)更是慘不忍睹。記得我在A11Y系列的《編寫HTML時(shí)要考慮可訪問(wèn)性》中就和大家討論過(guò)這方面的話題。
在回答題主具體問(wèn)題前聊到可訪問(wèn)性,只是想說(shuō)HTML其實(shí)對(duì)于Web的構(gòu)建也是非常的重要,不能小視。
接下來(lái),回到具體問(wèn)題上來(lái)了吧。
在HTML中有很多標(biāo)簽是很有意思的,不管是老的標(biāo)簽還是新的標(biāo)簽。先來(lái)說(shuō)老的標(biāo)簽和大家熟悉的標(biāo)簽:
、、、等
這幾個(gè)標(biāo)簽是不是很熟悉,從最終的呈現(xiàn)效果來(lái)看,和會(huì)讓文本變粗;和會(huì)讓文本斜體。但他們?cè)贖TML中語(yǔ)義起著不同的作用。
- 標(biāo)簽呈現(xiàn)斜體的文本。
- 把文本定義為斜體強(qiáng)調(diào)的內(nèi)容。
- 標(biāo)簽定義粗體的文本。
- 把文本定義為粗體語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容。
有關(guān)于這方更詳盡的還是要閱讀相關(guān)規(guī)范。
新出的標(biāo)簽,也就是HTML5中的標(biāo)簽,有很多更利于Web布局和SEO的語(yǔ)義化標(biāo)簽,比如
其實(shí)這幾個(gè)標(biāo)簽和WAI-ARIA中的land mark也有著對(duì)應(yīng)關(guān)系,對(duì)于屏幕閱讀器來(lái)說(shuō)是非常友好的:
除了這些熟悉的標(biāo)簽,還有一些冷門的標(biāo)簽:
和- 和
和
來(lái)看上面列的幾個(gè)標(biāo)簽?zāi)軒臀覀儗?shí)現(xiàn)的一些效果。
比如使用和可以做一些修改性的UI效果:
而且
可以實(shí)現(xiàn)手風(fēng)琴這樣的效果:
而且我們熟悉的的srcset和sizes也讓img變理更強(qiáng)大:
figure和figcaption更好的管理img和相關(guān)的圖像描述
除此之外,還有很多HTML屬性也是非常有意思的,特別是表單中的使用
分享文章:有哪些被低估未被廣泛使用的有用的HTML標(biāo)簽?
路徑分享:http://m.5511xx.com/article/ccdiipg.html


咨詢
建站咨詢
