网站建设
                                                       
                                                      设为首页 访问新版
                                                      用户ID/邮箱: 密 码:
                                                      网站建设资讯 News 您目前的位置:网站建设 >> 网站建设资讯 >> 网页设计 >> 简单分析下HTML5  

                                                      简单分析下HTML5中缩略词标记的重要作用

                                                          如果你非常精通HTML,看到这个标题,也许你会想起HTML4中的<acronym>标记,没错,acronym是个英文单词,中文意思就是首字母缩略词,但是<acronym>在HTML5中已经被弃用了,取代之的就是这个<abbr>标记,abbr是英文单词abbreviation简写,也是缩写、略语的意思。很显然,HTML5中的这个变化是很理性的。

                                                          HTML5中?#30053;?#30340;这个<abbr>是一个非常有用的标记,但很明显没有被web文档撰写者重视,特别是没有被
                                                      科技文章编写者重视。为什么这样?#30340;兀?#19981;知道你有没有这样的经历,哦,我记起了一篇有趣的文章,《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>标记包起来,然后在<abbr>标记的title属性上指明这个缩略词是从哪几个词缩略而来的,或说明这个简写词的含义。

                                                      abbr缩略词标记的效果

                                                          这样写会有什么效果呢?能给读者带来哪些?#20040;Γ?#19979;面我?#24378;?#20197;来现场体验一下。

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

                                                      abbr缩略词标记的美化

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

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

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

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


                                                      上一条: html5技术能取代Flash技术成为主流吗?
                                                      下一条: 一个很*酷*的思路-用*视频*作为*网页背景*(转自站长之家)
                                                      网页设计相关文章
                                                      一个很*酷*的思路-用*视频*作为*网页背景*(转自站长之家)
                                                      简单分析下HTML5中缩略词标记的重要作用
                                                      html5技术能取代Flash技术成为主流吗?
                                                      网站建设代码之站内搜索引擎代码分享
                                                      一个可以在浏览器标题栏显示的网站建设时间代码
                                                      FTP是什么?在网站设计中有什么意义?
                                                      如何选择好的论坛发外链
                                                      屏蔽页面快捷键
                                                      分享?#21512;?#23545;定位和绝对定位
                                                      如何批量替换超链接标签?
                                                      网站建设套餐
                                                      网站优化(网站推广)
                                                      域名注册
                                                      虚拟主机
                                                      企业邮局
                                                      软件开发
                                                      相关资讯 Other News
                                                      快速导航 Fast Navigation
                                                      网站建设投诉建议
                                                      投诉建议
                                                      网站建设客户服中心
                                                      客服中心
                                                      网站建设付款中心
                                                      付款方式
                                                      网站优化中心
                                                      网站优化
                                                      网站建设套餐
                                                      网站建设

                                                      网站价值

                                                      轻松一刻
                                                      站长工具
                                                      站长工具

                                                      积分?#19968;?/td>
                                                      网站首页关于我们业务?#27573;?/a> | 新闻资讯成功案例客服中心联系我们网站建设网站优化付款帐户
                                                      文档下载 网站建设服务协议 | 网站建设报价 | 网站备案资料 | 网页设计软件 | PhotoShop(?#35745;?#22788;理) | FTP网页上传/下传软件 | 营销式网站优化
                                                      深圳网站建设公司专业提供各种营销型网页设计\网站优化\深圳网站建设服务... 【老字号】、广州、东莞、深圳网站建设 | 网站建设网页特效 | 企业网站(官网)
                                                      网站建设 | 网页设计 | 深圳网站优化 | 网站地图 | 专业的深圳网站建设,深圳网站优化,网页设计,网站设计开发?#21734;?| 网站建设源码下载
                                                      COPYRIGHT(C) 2005-2018 亚网互联·中国 版权所有 ALL RIGHTS RESERVED  (  粤ICP备15005241号 ) 来访IP:148.163.114.51
                                                      深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦15楼 1529-1531 室     E-Mail:[email protected]   [email protected]  
                                                      公司电话:0755-89812581(8线)   4006-800535
                                                      深圳市博士通科技有限公司 深圳网站建设常年法律顾问:朱?#35828;?#24459;师
                                                      四川金7乐18061809期

                                                                                                                                                              重庆时时彩调整通知 北京快乐8可以控制吗 追长龙怎么样才安全 新彊时时彩三星走势跨度图 福建体彩十一选五开奖公告 一分时时彩是哪里的 赛车pk10在线计划软件 天津时时购买平台 重庆时时2期必中 森林龙江麻将填大坑 p62中奖号码查询结果 足球直播u14 11选5开奖结果5 腾讯分分彩胆码怎么选 乐乐彩票是不是真的 江苏时时开奖结果走势图