仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1198|回复: 8
打印 上一主题 下一主题

[HTML5] 来讲讲:10个未被充实使用或被曲解的HTML标签

[复制链接]
再现理想 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:24:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。破洛洛文章简介:这里是10个未被充实使用或被曲解的HTML标签。也许它们不太广为人知,可是在特定情形下他们却十分有效。
网页开辟职员经常但愿可以懂得并把握多种言语,了局是,进修一门言语的一切内容是辣手的,可是却很简单发明你并没有完整使用那些对照特别却很有效的标签。
译自:TutsPlus
不幸的是我们到如今还没有涉足的那些对照不出名的HTML标志一切潜力。但它永久不会太晚从头进进范畴,并入手下手编写代码来开掘这些未开辟的标签的能量。
这里是10个未被充实使用或被曲解的HTML标签。也许它们不太广为人知,可是在特定情形下他们却十分有效。

1.<cite>

貌似每一个人都对照熟习<blockquote>标签,可是你可晓得<blockquote>的小弟弟<cite>?<cite>同意你界说元素内的笔墨作为一种参考。一样平常,扫瞄器会用斜体来显现<cite>标签内的笔墨,可是这能够用一点CSS来改动。
<cite>标签关于援用目次或别的网站的参考十分有效。这里是一个在段落中利用cite标签的例子:
DavidAllen的冲破性构造性的图书完成你的事情给忘了带来了一场风暴。
2.<optgroup>

<optgroup>标签是界说select标签中的选项分组的一种很好的办法。好比,你必要定时间来分组影戏列表,那末就能够如许做:
  1. 12
复制代码
  1. <labelfor="showtimes">上映工夫</label><selectid="showtimes"name="showtimes"><optgrouplabel="下战书一点"></optgroup><optionvalue="titanic">泰坦尼克号</option><optionvalue="nd">穷人窟的百万大亨</option><optionvalue="wab">怪物史瑞克</option><optgrouplabel="下战书两点"></optgroup><optionvalue="bkrw">狮子王</option><optionvalue="stf">全平易近超人</option></select>
复制代码
演示:
上映工夫
泰坦尼克号穷人窟的百万大亨怪物史瑞克狮子王全平易近超人
它能够在视觉上辨别影戏列表。
3.<acronym>

<acronym>是一种界说或更多注释一组笔墨的办法。当你用鼠标放到利用<acronym>标签的笔墨时,一个显现title标签的内容的框框将会呈现鄙人边。好比:
  1. 1
复制代码
  1. 微博客网站<acronymtitle="Foundedin2006">Twitter</acronym>比来经常宕机。
复制代码
示例:
微博客网站Twitter比来经常宕机。
4.<address>

<address>标签是一个十分不起眼的小标签,可是这其实不意味着它没有效。望文生义<address>同意你在HTML中语义化标签。这个玲珑的标签将默许斜体显现标签内的内容,固然,利用款式能够很简单的改动默许的款式。
  1. 1234
复制代码
  1. <address>GlenStansberry1234WebDevLaneAnywhere,USA</address>
复制代码
5.<ins>和<del>

假如你想利用标签来显现编纂版本,<ins>和<del>恰好合适。望文生义,<ins>用下划线高亮显现增加出去的内容,而<del>用删除线显现被移除的信息。
  1. 1
复制代码
  1. John<del>likes</del><ins>LOVES</ins>hisnewiPod.
复制代码
示例:
人人都喜好屏弃了Zblog。
6.<label>

貌似表单位素最简单忘记什么时候标志文本。关于表单位素,最常健忘的就是<label>标签。不单单是一个便利的标志文本的体例,<label>标签还能传送一个”for”属性来指定哪一个元素将会被联系关系。<label>不但易于用款式来把持,还同意你让题目可点击。
  1. 12
复制代码
  1. <labelfor="username">用户名</label><inputid="username"type="text"/>
复制代码
7.<fieldset>

Fieldset是一个玲珑的标签,你能够用来为你的表单位素增加逻辑分组。<fieldset>标签就会在其外部的元素四周画一个框。别的一点就是能够在fieldset内里增加<label>标签来界说分组的题目。
  1. <labelfor="showtimes">上映工夫</label><selectid="showtimes"name="showtimes"><optgrouplabel="下战书一点"></optgroup><optionvalue="titanic">泰坦尼克号</option><optionvalue="nd">穷人窟的百万大亨</option><optionvalue="wab">怪物史瑞克</option><optgrouplabel="下战书两点"></optgroup><optionvalue="bkrw">狮子王</option><optionvalue="stf">全平易近超人</option></select>0
复制代码
  1. <labelfor="showtimes">上映工夫</label><selectid="showtimes"name="showtimes"><optgrouplabel="下战书一点"></optgroup><optionvalue="titanic">泰坦尼克号</option><optionvalue="nd">穷人窟的百万大亨</option><optionvalue="wab">怪物史瑞克</option><optgrouplabel="下战书两点"></optgroup><optionvalue="bkrw">狮子王</option><optionvalue="stf">全平易近超人</option></select>1
复制代码
示例:

你比5年事先生伶俐吗?
固然
不晓得


8.<abbr>

<abbr>标签颇相似于<acronym>标签,分歧的是<abbr>标签只用于界说缩写单词。就像<acronym>一样,你能够为这个标签订义一个title属性。当用户将鼠标放到缩写笔墨下面时,全体内容就会鄙人面显现。<abbr>标签很罕用,可是关于屏幕浏览者、拼写反省者和搜刮引擎长短常有效的。
  1. 1
复制代码
  1. <labelfor="showtimes">上映工夫</label><selectid="showtimes"name="showtimes"><optgrouplabel="下战书一点"></optgroup><optionvalue="titanic">泰坦尼克号</option><optionvalue="nd">穷人窟的百万大亨</option><optionvalue="wab">怪物史瑞克</option><optgrouplabel="下战书两点"></optgroup><optionvalue="bkrw">狮子王</option><optionvalue="stf">全平易近超人</option></select>3
复制代码
示例:
是一个不太文化的用语。是一个不太文化的用语。
9.rel

Rel能够是一个极端有效的属性,任何HTML元素都能够使用一个rel属性。它有助于传送没有别的指定的分外参数。这关于在HTML中利用JavaScript的时分长短常有效的。假如你有一个想要外行内编纂的链接,你能够增加:
  1. 1
复制代码
  1. <labelfor="showtimes">上映工夫</label><selectid="showtimes"name="showtimes"><optgrouplabel="下战书一点"></optgroup><optionvalue="titanic">泰坦尼克号</option><optionvalue="nd">穷人窟的百万大亨</option><optionvalue="wab">怪物史瑞克</option><optgrouplabel="下战书两点"></optgroup><optionvalue="bkrw">狮子王</option><optionvalue="stf">全平易近超人</option></select>5
复制代码
Javascript会寻觅带有rel属性”clickable”的a链接,并使用一些Ajax并同意它外行内被编纂。这只是你可使用rel属性的浩瀚手艺中的一种用法,由于它的潜力是无尽头的。感乐趣的伴侣能够深切研讨一下W3C关于Rel的先容。
10.<wbr>

<wbr>标签是一个难以信任的不着名的标签。坦白的讲,我也很嫌疑你们会打仗到这个标签,由于它几近历来没有效到。(切实其实,在我写这篇文章之前我几近没有见到过这个标签)。现实上,这个标签算是一个软断行,同意你在某一行内指定一个断行点,标明在该点处能够断行,可是不是必定会断行,仅仅是在有必要断行的时分才会断行。假如你想制止呈现程度转动条,那末利用这个标签是很棒的。
示例:
上面是一个200像素宽的box,没有界说overflow。
NoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbr
HavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbr假如你想要完成不异的效果而不利用<wbr>标签,你能够试一下​或
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-16 15:38:44 | 只看该作者

来讲讲:10个未被充实使用或被曲解的HTML标签

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
蒙在股里 该用户已被删除
板凳
发表于 2015-1-18 18:12:51 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
admin 该用户已被删除
地板
发表于 2015-1-27 15:30:24 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
飘灵儿 该用户已被删除
5#
发表于 2015-2-5 14:15:32 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
谁可相欹 该用户已被删除
6#
发表于 2015-3-3 00:25:09 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
兰色精灵 该用户已被删除
7#
发表于 2015-3-11 08:48:41 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
小魔女 该用户已被删除
8#
发表于 2015-3-18 08:24:13 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
深爱那片海 该用户已被删除
9#
发表于 2015-3-25 20:57:41 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表