1. <cite>
我们大多数人都知道 <blockquote>标签,但是你是否知道它的兄弟 <cite>呢?<cite>
允许你定义元素内的引用。典型的情况就是浏览器会将<cite>标签的内容选染成斜体,但是如果你设置了CSS样式的话,那么还是会以CSS
样式为准的。
<cite>对于书目和其他网站索引是非常有用的。请看下面这个例子:
David Allen’s breakthrough organization book Getting Things Done
has taken the web by storm.
2. <optgroup>
<optgroup>对于在选择菜单下的选择组中添加小定义是非常有用的。比如你想按照时间分类定义一组电影列表,那么你可以这样做:
1
|
<label
for
=
"showtimes"
>
Showtimes</
label
>
|
2
|
<select
id
=
"showtimes"
name
=
"showtimes"
>
<optgroup
label
=
"1PM"
></
optgroup
>
<option
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
>
|
效果预览:
Showtimes
Twister
Napoleon Dynamite
What About Bob?
Be Kind Rewind
Stranger Than Fiction
这样做允许选择列表使用视觉效果将电影清单分开。
3. <acronym>
<acronym>标签可以用来定义或者进一步解释一组文字。当你将鼠标悬浮在使用了<acronym>标签的文字上的时候,将会在其下方出现一个带有文字的方框。看看下面的例子:
1
|
The microblogging site <acronym
title
=
"Founded in 2006"
>
Twitter</
acronym
>
has recently struggled with downtimes.
|
效果预览:
SEO
is full of trickery and magic.
4. <address>
<address>是一个非常不起眼的小标签,但是它并非没有可用之地。顾名思义,<address>允许你对HTML中的地址添加语义代码。这个代码可以将标记内的文字斜体化。当然,你也可以通过CSS改变样式。
1
|
<address
>
Glen Stansberry
|
2
|
1234 Web Dev Lane
|
3
|
Anywhere, USA
|
4
|
</
address
>
|
5. <ins>和<del>
如果你想使用标记来显示编辑修订效果,<ins>和<del>正式你所要的。正如名字所暗示的,<ins>使用下划线突出显示添加的,<del>使用删除线显示被去除的。
1
|
John <del
>
likes</
del
>
<ins
>
LOVES</
ins
>
his new iPod.
|
效果预览:
John likes
LOVES
his new iPod.
6. <label>
当写代码的时候表单元素很容易被忽略。而其中一个最容易被忽略的就是<label>标签。<label>标签不仅可以快速
注解你的标签文字,而且可以使用”for”语句定义哪个元素被赋予到了该标签。这些<label>标签不仅可以用来定义样式,而且可以让你为
关联元素设置标题点击。
1
|
<label
for
=
"username"
>
Username</
label
>
|
2
|
<input
id
=
"username"
type
=
"text"
>
|
7. <fieldset>
<fieldset>是一个很少用的属性,他可以添加到你的表单上为表单元素创建一个逻辑组。一旦应用
了<fieldset>标签,所有表单元素将会被一个方框缩包围。你可以在<fieldset>标签内使
用<label>来定义该组的标题。
1
|
<form
><fieldset
>
|
2
|
<legend
>
Are You Smarter Than a 5th Grader?</
legend
>
|
3
|
Yes <input
name
=
"yes"
type
=
"radio"
value
=
"yes"
>
|
4
|
|
5
|
No <input
name
=
"no"
type
=
"radio"
value
=
"no"
>
|
6
|
</
fieldset
>
|
7
|
</
form
>
|
效果预览:
Are You Smarter Than a 5th Grader?
Yes
No
8. <abbr>
<abbr>和<acronym>是同类标签,不过<abbr>仅仅用来定义缩写单词。
和<acronym>一样,当你在缩写字符元素上使用鼠标悬浮的时候,该缩写的完整定义将会出现在下方。<abbr>极少被使
用,但是对于多数屏幕阅读者,语法检查者和搜索引擎来说非常有用处。
1
|
<abbr
title
=
"Sergeant"
>
Sgt.</
abbr
>
Pepper's Lonely Hearts Club is my favorite album.
|
效果预览:
Sgt.
Pepper’s Lonely Hearts Club is my favorite album.
9. rel
Rel可能是一款超级有用的属性,任何HTML元素都可以应用它。它对于读取那些没有被特别定义的额外的变量非常有帮助。当你在HTML中使用Javascript的时候非常有用。如果你有一个链接,并想进行行内编辑,你可以这样做:
1
|
<a
rel
=
"clickable"
href
=
"page.html"
>
This link is editable</
a
>
|
Javascript可以寻找带有”clickable”属性的链接,然后应用Ajax技术使该链接可以被进行行内编辑。而这仅仅是rel属性众多技术中的一个。
10. <wbr>
<wbr>是一个非常偏僻的标签。说实话,我怀疑你们是否有人接触过它。从本质上讲,这个标签允许你在指定的地方进行切断换行。不过这个标签非常独特,它需要依赖浏览器的分辨能力。这个标签对于想要避免出现垂直滚动条的情况非常有用。
如果你想使用这个效果,你可以试试看这个标签。不过需要注意的是,它并不被所有浏览器支持,具体的技术指标情参看这篇文章
。
1
|
<span
>
How do you say Supercalifragilistic<wbr>
expialidocious?</
span
>
|
分享到:
相关推荐
一个占用内存极少的菜单系统的实现 支持3种菜单类型 占用内存较小,全C编写,方便移植
RocketDock 让你在使用 Windows 更加的动感了,它运用着极少的内存以及CPU...而且 还支持使用拖曳的方式来自订要启动的程序,或是资料夹,让你自己打造 一个动感味十足,界面漂亮,占用极少资源的个人专属快捷工具栏。
.一个占用内存极少的菜单系统的实现. 全部代码
一个占用内存极少的菜单系统
一个占用内存极少的lcd液晶菜单系统的实现
一个占用内存极少的菜单系统,有文档,方便移植,用于单片机系统,适用,方便。该资料为网上资料,由梁炎昌所写。希望对你有帮助。
占资源极少的卡通闹钟
top极速浏览器 v5.0.1 同一浏览器可打开多个页面 占用内存资源极少,速度很快 本软件来自网上。
人类的视觉系统证明,用极少的样本就可以学习新的类别;人类不需要一百万个样本就能学会区分野外的有毒蘑菇和可食用蘑菇。可以说,这种能力来自于看到了数百万个其他类别,并将学习到的表现形式转化为新的类别。
极少人知道的手机隐藏功能和日常使用禁忌。
标签栏:当你打开多个网页时,却只使用一个窗口,你可以通过单击标签快速方便地切换网页。标签的位置可以在上部,也可在下部。(MyIE选项对话框/标签/标签位置/上部或下部) Tips:使用Ctrl-Tab可快速切换标签。 ...
1. 实时系统内存 CPU 监视器 (一个在工具栏的小图标) 占极少资源 (源码) 2. 另加了杀广告功能, 可以杀掉自定义的弹出窗口.
只要会复制粘贴,轻松日入800+,大学生考研项目,目前做的人极少》近几年考研人数持续上涨,每年考研的人越来越多,有人就会有市场,人越多市场越大,这个项目非常简单知道的人也极少,看到就是赚到。很多大学生都想...
先按*#06#,然后在你的手机上会出现一个序列号给你,你就数到第七个和第八个数。 假如你的第七个和第八个数是下面对应的两个数,那么你的手机质量的好坏就确定了。 0,2or2,0,是很差的手机 0,8or8,0,是好一点儿...
当代西方建筑设计中的极少主义表现.pdf
当代西方建筑设计中的极少主义表现.docx