|
[tr][td] 如果你非常精通HTML，看到这个标题，也许你会想起HTML4中的标记，没错，acronym是个英文单词，中文意思就是首字母缩略词，但是在HTML5中已经被弃用了，取代之的就是这个标记，abbr是英文单词abbreviation简写，也是缩写、略语的意思。很显然，HTML5中的这个变化是很理性的。
HTML5中新增的这个是一个非常有用的标记，但很明显没有被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标记的用法跟其它所有的HTML标记用法非常相似。下面是一个例子： [*]如今MVC模式越 [*]来越被人们诟病，而使用 [*]快速CRUD生成开发 [*]更是被一些著名程序员唾弃。 复制代码 把你的缩略词用标记包起来，然后在标记的title属性上指明这个缩略词是从哪几个词缩略而来的，或说明这个简写词的含义。 abbr缩略词标记的效果 这样写会有什么效果呢？能给读者带来哪些好处？下面我们可以来现场体验一下。 [*]如今MVC越来越被更多的人诟病，而使用快速CRUD生成开发更是被一些著名程序员唾弃。 复制代码 你会看到，缩略词下面是有小点的，而且，将你的鼠标移动到缩略词上，会看到提示，提示信息就是标记上title属性里填写的缩略词解释。太方便了。不是吗。 abbr缩略词标记的美化 如果你使用的是火狐浏览，这种下带小点的装饰是系统自带的。但如果你使用的是谷歌浏览器或IE，这看不到这些小点。你需要在CSS样式表里添加下面一小段样式规则： [*]abbr[title], acronym[title] { [*] border-bottom: 1px dotted; [*]} 复制代码 当然，你也可以修改成更漂亮的样式，比如用红色的下划线。 页面友好性是一个Web应用或web页面成功的重要指标，作为一个Web程序员，我们应该处处注意像缩略词这样的标记在网页中所起的作用，只有当用户感觉到方便时，我们开发出的东西才真正体现出它的价值。 [/td][/tr] |
|
