HTML5中新增的這個(gè)<abbr>是一個(gè)非常有用的標(biāo)記，但很明顯沒有被web文檔撰寫者重視，特別是沒有被科技文章編寫者重視。為什么這樣說呢？不知道你有沒有這樣的經(jīng)歷，哦，我記起了一篇有趣的文章，《Java程序員的墮落》，強(qiáng)烈推薦你去讀一下，但我要說的是，里面列舉的那幾百個(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ì)遇到一些不懂代表什么意思的縮略詞，而作者也沒有給出任何提示。對(duì)很多剛?cè)腴T的程序員，或很多外行人，我們應(yīng)該以一種合適的方式讓他們知道每個(gè)縮略詞的意思。
對(duì)，方法就是使用<abbr>標(biāo)記。
abbr縮略詞標(biāo)記用法
abbr標(biāo)記的用法跟其它所有的HTML標(biāo)記用法非常相似。下面是一個(gè)例子：
- <p>如今<abbr title="是指Model-View-Controller模式">MVC</abbr>模式越
- 來越被人們?cè)嵅。褂?br>
- 快速<abbr title="是create, read, update, delete四個(gè)詞的首字母縮略">CRUD</abbr>生成開發(fā)
- 更是被一些著名程序員唾棄。</p>
abbr縮略詞標(biāo)記的效果
這樣寫會(huì)有什么效果呢？能給讀者帶來哪些好處？下面我們可以來現(xiàn)場(chǎng)體驗(yàn)一下。
- 如今MVC越來越被更多的人詬病，而使用快速CRUD生成開發(fā)更是被一些著名程序員唾棄。
abbr縮略詞標(biāo)記的美化
如果你使用的是火狐瀏覽，這種下帶小點(diǎn)的裝飾是系統(tǒng)自帶的。但如果你使用的是谷歌瀏覽器或IE，這看不到這些小點(diǎn)。你需要在CSS樣式表里添加下面一小段樣式規(guī)則：
- abbr[title], acronym[title] {
- border-bottom: 1px dotted;
- }
頁(yè)面友好性是一個(gè)Web應(yīng)用或web頁(yè)面成功的重要指標(biāo)，作為一個(gè)Web程序員，我們應(yīng)該處處注意像<abbr>縮略詞這樣的標(biāo)記在網(wǎng)頁(yè)中所起的作用，只有當(dāng)用戶感覺到方便時(shí)，我們開發(fā)出的東西才真正體現(xiàn)出它的價(jià)值。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。