如果你非常精通HTML，看到這個(gè)標(biāo)題，也許你會(huì)想起HTML4中的<acronym>標(biāo)記，沒(méi)錯(cuò)，acronym是個(gè)英文單詞，中文意思就是首字母縮略詞，但是<acronym>在HTML5中已經(jīng)被棄用了，取代之的就是這個(gè)<abbr>標(biāo)記，abbr是英文單詞abbreviation簡(jiǎn)寫(xiě)，也是縮寫(xiě)、略語(yǔ)的意思。很顯然，HTML5中的這個(gè)變化是很理性的。
    HTML5中新增的這個(gè)<abbr>是一個(gè)非常有用的標(biāo)記，但很明顯沒(méi)有被web文檔撰寫(xiě)者重視，特別是沒(méi)有被
科技文章編寫(xiě)者重視。為什么這樣說(shuō)呢？不知道你有沒(méi)有這樣的經(jīng)歷，哦，我記起了一篇有趣的文章，《Java程序員的墮落》，強(qiáng)烈推薦你去讀一下，但我要說(shuō)的是，里面列舉的那幾百個(gè)奇怪的縮略詞，你認(rèn)識(shí)幾個(gè)：

Core Java, J2EE, JSP, JDBC, Servlets, AJAX, XML, HTML, XSLT, Web
Services, CSS, JavaScript, SQL, Oracle 10g, MySQL 5.0., JMS,Eclipse,
Adobe Flex Builder 3.x,UML, JDBC, SVN, JUnit, VSS, Jira, HTML, DHTML,
CSS, AJAX, JavaScript, XML, MXML, Action Script, Servlet, JSP, JSTL,
Hibernate 3.x, Spring 2.x, IBatis, SOAP, UDDI, WSDL, Apache Axis, Web
logic Server 8.x, Apache Tomcat 5.0, Struts Framework, MVC, ANT, Maven.

我想，如果你能全部解釋這些縮略詞中每個(gè)字母代表的意思，我想你豎起大拇指。我在閱讀一些博客時(shí)，特別是科技、編程文章時(shí)，經(jīng)常會(huì)遇到一些不懂代表什么意思的縮略詞，而作者也沒(méi)有給出任何提示。對(duì)很多剛?cè)腴T(mén)的程序員，或很多外行人，我們應(yīng)該以一種合適的方式讓他們知道每個(gè)縮略詞的意思。
    方法就是使用<abbr>標(biāo)記，下面我們來(lái)說(shuō)下abbr縮略詞標(biāo)記的用法，大家看，abbr標(biāo)記的用法其實(shí)跟其它所有的HTML標(biāo)記用法非常相似。
下面是一個(gè)例子：

<p>如今<abbr title="是指Model-View-Controller模式">MVC</abbr>模式越
來(lái)越被人們?cè)嵅?，而使?br />快速<abbr title="是create, read, update, delete四個(gè)詞的首字母縮略">CRUD</abbr>生成開(kāi)發(fā)
更是被一些著名程序員唾棄。</p>

把你的縮略詞用<abbr>標(biāo)記包起來(lái)，然后在<abbr>標(biāo)記的title屬性上指明這個(gè)縮略詞是從哪幾個(gè)詞縮略而來(lái)的，或說(shuō)明這個(gè)簡(jiǎn)寫(xiě)詞的含義。

abbr縮略詞標(biāo)記的效果

這樣寫(xiě)會(huì)有什么效果呢？能給讀者帶來(lái)哪些好處？下面我們可以來(lái)現(xiàn)場(chǎng)體驗(yàn)一下。

你會(huì)看到，縮略詞下面是有小點(diǎn)的，而且，將你的鼠標(biāo)移動(dòng)到縮略詞上，會(huì)看到提示，提示信息就是<abbr>標(biāo)記上title屬性里填寫(xiě)的縮略詞解釋。太方便了,不是嗎?

abbr縮略詞標(biāo)記的美化

如果你使用的是火狐瀏覽，這種下帶小點(diǎn)的裝飾是系統(tǒng)自帶的。但如果你使用的是谷歌瀏覽器或IE，這看不到這些小點(diǎn)。你需要在CSS樣式表里添加下面一小段樣式規(guī)則：

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
}

當(dāng)然，你也可以修改成更漂亮的樣式，比如用紅色的下劃線。

頁(yè)面友好性是一個(gè)Web應(yīng)用或web頁(yè)面成功的重要指標(biāo)，作為一個(gè)Web程序員，我們應(yīng)該處處注意像<abbr>縮略詞這樣的標(biāo)記在網(wǎng)頁(yè)中所起的作用，只有當(dāng)用戶(hù)感覺(jué)到方便時(shí)，我們開(kāi)發(fā)出的東西才真正體現(xiàn)出它的價(jià)值。

文章標(biāo)題：簡(jiǎn)單分析下HTML5中縮略詞標(biāo)記的重要作用
標(biāo)題來(lái)源：http://jinyejixie.com/news6/160206.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、標(biāo)簽優(yōu)化、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)