一些不太常用的XHTML标签用法以及实例

2020-03-24 18:31:22

字体：大中小

来源：转载

供稿：网友

做为 XHTML+CSS 开发人员，尽可能不要让自己有这样的念头：只要制作出来的页面能够和设计效果图一致就行了，管它代码合理不合理、严谨不严谨，客户也不要求页面通过 W3C 验证我们的目的是为了要写出尽量语义正确的合格文档，而不是为了要通过什么验证，假如一点也不考虑代码的语义性，仅仅要求能还原效果图就好，就又退回到 table 时代了～～那下面的文字内容，也不必再看下去了。举一个例子：当我们回到家以后，会把脱下来的鞋放到鞋柜，把买回来的肉放进冰箱，我们这些做法肯定不会乱来：把臭鞋放进冰箱，把肉搁进鞋柜？！标签也是这个道理，相关的内容要放入到合适的标签内，比如主标题就放到 h1 标签里，p 标签内装的就是文本段落，这样做，不是为了给人看的，而是要给那些：浏览器、拼写检查程序、翻译系统以及搜索引擎分度器看，毕竟最终解析这些代码的是机器。所以我们还是用机器的语言来跟机器沟通吧！认同以上观点的，请继续往下看：今天要说的不是那些常见标签（如：div、h1、p、dl、ul、ol、strong、span ），而是一些不太常用的标签（不太常用的标签这个说法仅仅是个人定义），现在就大致介绍一下：1. abbr /abbr 这个标签是用来包含缩写的文本举例：熟练使用 PS、DW 软件这一句话实际要表达的是：熟练使用 Adobe Photoshop CS4、Adobe Dreamweaver CS4 软件代码：
p 熟练使用 abbr title= Adobe Photoshop CS4 PS /abbr 、 abbr title= Adobe Dreamweaver CS4 DW /abbr 软件 /p 其中的title 属性就是放置缩写文本的完整内容，它可以被浏览器、拼写检查程序、翻译系统以及搜索引擎分度器所解析。页面呈现效果：熟练使用 PSPS、DWDW 软件 2. acronym /acronym 取首字母缩写举例：在我们熟知的语言中，诸如：HTML、CSS，这二个单词也是缩写，完整的英文是：HTML：Hypertext Markup LanguageCSS：Cascading Style Sheets很明显，上面这二句每个单词的首字母合在一起，变成了我们最常见到的 HTML、CSS，那么当我们在页面中要呈现这些首字母缩写的文本时，可以编写如下代码： acronym title= Hypertext Markup Language HTML /acronym acronym title= Cascading Style Sheets CSS /acronym 页面呈现效果：HTML CSS3. address /address 定义地址、签名或者文档的作者身份举例：妙味课堂所在地：北京海淀区牡丹园小区北里1号楼811室代码： address 妙味课堂所在地：北京海淀区牡丹园小区北里1号楼811室 /address 注意：这个标签是块级元素（block）页面呈现效果：妙味课堂所在地：北京海淀区牡丹园小区北里1号楼811室4. blockquote /blockquote 定义一个块引用（长段文字引用） q /q 定义一个短引用我们的页面上有可能会引用一段文字、某人的一句话等等，最常见的是在正文之前，有一块引用的简短内容，在这个时候，就需要用到这二个标签。举例：长的引用：
blockquote
除非你把爱国主义从人类中驱逐出去，否则你将永远不会拥有一个宁静的世界。爱国主义是一种有害的、精神错乱的白痴形式。爱国主义就是让你确信这个国家比所有其他的国家都要出色，只因为你生在这里。乔治肖伯纳
/blockquote 短的引用：
q 有这么一群人，在日本叫法西斯，在德国叫纳粹，在中国叫爱国者! 王朔说 /q 注意：blockquote 标签会在文本的两端产生缩进。页面呈现效果：长的引用：除非你把爱国主义从人类中驱逐出去，否则你将永远不会拥有一个宁静的世界。爱国主义是一种有害的、精神错乱的白痴形式。爱国主义就是让你确信这个国家比所有其他的国家都要出色，只因为你生在这里。乔治肖伯纳短的引用：
有这么一群人，在日本叫法西斯，在德国叫纳粹，在中国叫爱国者! 王朔说5. del /del 定义文档中已被删除的文本 ins /ins 定义已经被更新的文本举例：经常有商城类网站的促销价，原价是：50元，现价是：42元代码：原价是： del 50元 /del ，现价是： ins 42元 /ins 页面呈现效果：原价是：50元，现价是：42元6. sub /sub 定义下标文本 sup /sup 定义上标文本这二个标签在数学里经常用到。举例：10 sub 2 /sub 10 sup 2 /sup 页面呈现效果：102 102看到这里，会不会有人认为：这样做不就把一件很简单的事情复杂化了吗？其实这样想是不对的，原因除了上面提到过的语义化原则以外，还应当考虑这句话：（当你合理运用这些标签的时候）浏览器可能会根据这个信息，改变对这些文本的显示方式，或者用其他文本代替。也许当前流行的浏览器对此标签中包含的文本还没有任何处理方式，但是我们无法预测将来的浏览器版本将会如何实现该标签。另外，还有一些更实际的应用促使我们将代码写得更严谨些：假如我们希望加上一点 JSJS 的页面展示效果：当鼠标移动到页面中任何一个 abbr 标签内时，有一个图片会随着鼠标渐渐显示出来，并且图片上的说明文字，就是 abbr 标签内的 title 内的文字；由于我们一开始就在页面中设置好了 abbr 标签，所以即使在页面完成以后，要添加这样的页面效果，也是易如反掌、轻松之至。相关阅读:
linux和winodows中的对移动设备的安全性
服务器应用建域控制器时别忽视DNS设置
ecshop 同步ucenter,一步登陆discuzX
Linux命令介绍：history命令
php 连接mssql数据库初学php笔记
一些SQL Server存储过程参数及例子
PHP数组操作汇总 php数组的使用技巧
MYSQL随机抽取查询 html' target='_blank'>MySQL Order By Rand()效率问题
LINUX中XFS文件系统使用介绍
asp教程：解决IIS安装问题
3.7 ASP代码实现图片上传并存入数据库中
Linux操作系统中读取目录文件信息的过程分析
使用ASP获得服务器网卡的MAC地址信息
php minixml详解
html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：利用HTML5绘制点线面组成的3D图形的示例

下一篇：在HTML里select标签有哪些用法