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

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.

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

如今MVC模式越
來越被人們詬病，而使用
快速CRUD生成開發(fā)
更是被一些著名程序員唾棄。

把你的縮略詞用標記包起來，然后在標記的title屬性上指明這個縮略詞是從哪幾個詞縮略而來的，或說明這個簡寫詞的含義。

abbr縮略詞標記的效果

這樣寫會有什么效果呢？能給讀者帶來哪些好處？下面我們可以來現(xiàn)場體驗一下。

你會看到，縮略詞下面是有小點的，而且，將你的鼠標移動到縮略詞上，會看到提示，提示信息就是標記上title屬性里填寫的縮略詞解釋。太方便了,不是嗎?

abbr縮略詞標記的美化

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

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

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

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

當前標題：簡單分析下HTML5中縮略詞標記的重要作用
當前網(wǎng)址：http://jinyejixie.com/news/160206.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、網(wǎng)站內(nèi)鏈、網(wǎng)站維護、定制開發(fā)、網(wǎng)站收錄、面包屑導航

廣告

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