HTML5中缩略词标记的重要作用 - 网页设计 - 徐州亿网网络科技有限公司

最新beplay官网下载app网络公司,最新beplay官网下载appbeplay官网体育下载安卓建设【微信beplayer体育下载,qq空间beplayer体育下载,b2bbeplayer体育下载,文库beplayer体育下载,论坛beplayer体育下载,视频beplayer体育下载,邮件beplayer体育下载,软文beplayer体育下载,博客beplayer体育下载,问答beplayer体育下载】 请认准最新beplay官网下载app亿网网络科技有限公司!

SEO服务热线:85586564
您现在的位置:首页>网页设计

HTML5中缩略词标记的重要作用

发布于:2014-09-14     作者:最新beplay官网下载app亿网网络科技有限公司    分类:网页设计

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缩略词标记的效果

    这样写会有什么效果呢?能给读者带来哪些好处?下面我们可以来现场体验一下。

     你会看到,缩略词下面是有小点的,而且,将你的鼠标移动到缩略词上,会看到提示,提示信息就是标记上title属性里填写的缩略词解释。太方便了,不是吗?

abbr缩略词标记的美化

    如果你使用的是火狐浏览,这种下带小点的装饰是系统自带的。但如果你使用的是谷歌浏览器或IE,这看不到这些小点。你需要在CSS样式表里添加下面一小段样式规则:

abbr[title], acronym[title] {

    border-bottom: 1px dotted;

}

    当然,你也可以修改成更漂亮的样式,比如用红色的下划线。

    页面友好性是一个Web应用或web页面成功的重要指标,作为一个Web程序员,我们应该处处注意像缩略词这样的标记在网页中所起的作用,只有当用户感觉到方便时,我们开发出的东西才真正体现出它的价值。

【本文关键词】
  • beplay官网体育下载安卓建设
  • beplay官网体育下载安卓建设
  • 网页设计
  • 成功案例
  • beplay官网体育下载安卓优化
  • seo每日一博
  • seo常见问题
  • seo诊断
  • 微信平台
  • 微信平台开发
  • 新闻视点
  • 公司新闻
  • 行业动态
  • beplay官网体育下载安卓地图
  • 最新beplay官网下载app亿网网络科技有限公司
  • 地址:最新beplay官网下载app市淮海西路120号颖都大厦11F
  • 客服电话:0516-85645810
  • 客服QQ:654703209
  • 24小时售后服务:13852485020
  • 邮箱:xz_sem@163.com
  • 为企业制定网络beplayer体育下载方案,专注beplay官网体育下载安卓建设、beplay官网体育下载安卓推广等业务! Copyright 2013-2014 All Rights Reserved 最新beplay官网下载app亿网网络科技有限公司 版权所有