来讲讲:10个未被充实使用或被曲解的HTML标签
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。破洛洛文章简介:这里是10个未被充实使用或被曲解的HTML标签。也许它们不太广为人知,可是在特定情形下他们却十分有效。网页开辟职员经常但愿可以懂得并把握多种言语,了局是,进修一门言语的一切内容是辣手的,可是却很简单发明你并没有完整使用那些对照特别却很有效的标签。
译自:TutsPlus
不幸的是我们到如今还没有涉足的那些对照不出名的HTML标志一切潜力。但它永久不会太晚从头进进范畴,并入手下手编写代码来开掘这些未开辟的标签的能量。
这里是10个未被充实使用或被曲解的HTML标签。也许它们不太广为人知,可是在特定情形下他们却十分有效。
1.<cite>
貌似每一个人都对照熟习<blockquote>标签,可是你可晓得<blockquote>的小弟弟<cite>?<cite>同意你界说元素内的笔墨作为一种参考。一样平常,扫瞄器会用斜体来显现<cite>标签内的笔墨,可是这能够用一点CSS来改动。
<cite>标签关于援用目次或别的网站的参考十分有效。这里是一个在段落中利用cite标签的例子:
DavidAllen的冲破性构造性的图书完成你的事情给忘了带来了一场风暴。
2.<optgroup>
<optgroup>标签是界说select标签中的选项分组的一种很好的办法。好比,你必要定时间来分组影戏列表,那末就能够如许做:
12<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微博客网站<acronymtitle="Foundedin2006">Twitter</acronym>比来经常宕机。示例:
微博客网站Twitter比来经常宕机。
4.<address>
<address>标签是一个十分不起眼的小标签,可是这其实不意味着它没有效。望文生义<address>同意你在HTML中语义化标签。这个玲珑的标签将默许斜体显现标签内的内容,固然,利用款式能够很简单的改动默许的款式。
1234<address>GlenStansberry1234WebDevLaneAnywhere,USA</address>5.<ins>和<del>
假如你想利用标签来显现编纂版本,<ins>和<del>恰好合适。望文生义,<ins>用下划线高亮显现增加出去的内容,而<del>用删除线显现被移除的信息。
1John<del>likes</del><ins>LOVES</ins>hisnewiPod.示例:
人人都喜好屏弃了Zblog。
6.<label>
貌似表单位素最简单忘记什么时候标志文本。关于表单位素,最常健忘的就是<label>标签。不单单是一个便利的标志文本的体例,<label>标签还能传送一个”for”属性来指定哪一个元素将会被联系关系。<label>不但易于用款式来把持,还同意你让题目可点击。
12<labelfor="username">用户名</label><inputid="username"type="text"/>7.<fieldset>
Fieldset是一个玲珑的标签,你能够用来为你的表单位素增加逻辑分组。<fieldset>标签就会在其外部的元素四周画一个框。别的一点就是能够在fieldset内里增加<label>标签来界说分组的题目。
<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<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<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<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>5Javascript会寻觅带有rel属性”clickable”的a链接,并使用一些Ajax并同意它外行内被编纂。这只是你可使用rel属性的浩瀚手艺中的一种用法,由于它的潜力是无尽头的。感乐趣的伴侣能够深切研讨一下W3C关于Rel的先容。
10.<wbr>
<wbr>标签是一个难以信任的不着名的标签。坦白的讲,我也很嫌疑你们会打仗到这个标签,由于它几近历来没有效到。(切实其实,在我写这篇文章之前我几近没有见到过这个标签)。现实上,这个标签算是一个软断行,同意你在某一行内指定一个断行点,标明在该点处能够断行,可是不是必定会断行,仅仅是在有必要断行的时分才会断行。假如你想制止呈现程度转动条,那末利用这个标签是很棒的。
示例:
上面是一个200像素宽的box,没有界说overflow。
NoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbr
HavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbr假如你想要完成不异的效果而不利用<wbr>标签,你能够试一下或
来讲讲:10个未被充实使用或被曲解的HTML标签
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
页:
[1]