HTML5中新增的這個<abbr>是一個非常有用的標記，但很明顯沒有被web文檔撰寫者重視，特別是沒有被科技文章編寫者重視。為什么這樣說呢？不知道你有沒有這樣的經歷，哦，我記起了一篇有趣的文章，《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.
我想，如果你能全部解釋這些縮略詞中每個字母代表的意思，我想你豎起大拇指。我在閱讀一些博客時，特別是科技、編程文章時，經常會遇到一些不懂代表什么意思的縮略詞，而作者也沒有給出任何提示。對很多剛入門的程序員，或很多外行人，我們應該以一種合適的方式讓他們知道每個縮略詞的意思。
對，方法就是使用<abbr>標記。
abbr縮略詞標記用法
abbr標記的用法跟其它所有的HTML標記用法非常相似。下面是一個例子：
- <p>如今<abbr title="是指Model-View-Controller模式">MVC</abbr>模式越
- 來越被人們詬病，而使用
- 快速<abbr title="是create, read, update, delete四個詞的首字母縮略">CRUD</abbr>生成開發
- 更是被一些著名程序員唾棄。</p>
abbr縮略詞標記的效果
這樣寫會有什么效果呢？能給讀者帶來哪些好處？下面我們可以來現場體驗一下。
- 如今MVC越來越被更多的人詬病，而使用快速CRUD生成開發更是被一些著名程序員唾棄。
abbr縮略詞標記的美化
如果你使用的是火狐瀏覽，這種下帶小點的裝飾是系統自帶的。但如果你使用的是谷歌瀏覽器或IE，這看不到這些小點。你需要在CSS樣式表里添加下面一小段樣式規則：
- abbr[title], acronym[title] {
- border-bottom: 1px dotted;
- }
頁面友好性是一個Web應用或web頁面成功的重要指標，作為一個Web程序員，我們應該處處注意像<abbr>縮略詞這樣的標記在網頁中所起的作用，只有當用戶感覺到方便時，我們開發出的東西才真正體現出它的價值。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。