你需要了解却不常见的10个Html标签

高洛峰
发布: 2017-03-12 17:36:17
原创
1324 人浏览过

这篇文章讲述你需要了解却不常见的10个Html标签

      如今,Web开发工程师在学习和工作中通常都使用了不止一门语言。因此,对一门语言的方方面面我们很难说得上都去了解,要精通一门语言也是相当有难度,比如语言中一些生僻但可能很有用处的关键字用法。

      虽然我们以前可能对这些非常少见的HTML标签并不了解或没能完全用好他们,不过亡羊补牢,为时未晚,现在开始了解并能在以后的开发中正确的用上这些以前没用过的标签也不算太晚。

      这里我给出了10个最不常见并且常被人误用的HTML标签。虽然可能并不像其他HTML标签那么常见,但在某些特殊的情景下,他们仍然相当有用。

1.

     相信大家都对

不陌生吧,但你知道
其实有个小弟叫不?允许在一个元素中定义一段文本作为引用。一般情况下,浏览器会把标签下的文本设置为斜体字,不过这可能会根据CSS有所改变。

      标签在书籍目录和其他站点地址引用的时候非常有用。这里给出一个如何在一段文字中使用标签的例子:

       张三的突破性专著张三自传给网络带来一股新气象.

2.

     当你想在一个下拉框中对根据不同类型分组的选项添加一些定义时,标签将会非常有用。例如,如果你想根据时间对电影进行分组,代码可以这样写:

<LABEL for=showtimes>Showtimes</LABEL>
<SELECT id=showtimes name=showtimes><OPTGROUP label=1PM></OPTGROUP> <OPTION selected value=titanic>Twister</OPTION> <OPTION value=nd>Napoleon Dynamite</OPTION><OPTION value=wab>What About Bob?</OPTION><OPTGROUP label=2PM></OPTGROUP> <OPTION value=bkrw>Be Kind Rewind</OPTION> <OPTION value=stf>Stranger Than Fiction</OPTION></SELECT>
登录后复制

例子:


3.

标签通常用于对一句话(词组)添加定义或者更详细的解释。当用户将鼠标停留在添加了标签的文字上面,添加的注释或定义会在文字下方显示。如:

微博网站 Twitter 最近引起了互联网上的一股新的风潮!

例子:

微博网站最近引起了互联网上的一股新的风潮!

4.

标签是个相当少见的标签,不过这并不代表它没什么用处。望文生义,
允许你在HTML中根据语义来标记地址。这个很好用的标签同样会把它内部的数据用斜体字标识,不过,这个样式很容易通过CSS修改。

<address>
中国,上海市,闵行区,XX路,XX小区,XXX室
</address>
登录后复制

例子:

中国,上海市,闵行区,XX路,XX小区,XXX室

5.

如果你想通过标记来显示文档编辑样式,刚好可以用到。就像它们的名字,通过一个下划线来突出那些被添加进文档的内容,而则通过删除线来显示那些从中删除的文字。

没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?
登录后复制

例子:没有了驴子,我们的日子还要怎么过下去活下去?

6.

当标记文档时,表格元素很容易被遗忘。在表格元素中,最容易被遗忘的元素之一怕要数

<LABEL for="username">用户名</LABEL>  
<INPUT id="username" type="text">
登录后复制

7.

是一个相当好用的标签,它可将表单内的相关元素按逻辑分组。一旦这些元素通过
标签放到一起,另外通过将
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板