HTML5废弃的特性及部分标签语义

标签: Web Develop | 发表时间:2011-07-11 08:44 | 作者:dh20156@126.com(dh20156) mingelz
出处:http://www.v-ec.com/dh20156/

废弃,但符合规范的特性:

如果页面中存在以下情况,在做规范检测时将遇到警告信息!

<img border="0" src="..." alt="" />
border属性不应该继续出现在img元素中;
border如果出现在img元素中,其值必须为0;
最好使用CSS方式替代;


<script language="JavaScript" type="text/javascript">...</script>
language属性不应该继续出现在script元素中;
language如果出现在script元素中,其值必须为"JavaScript";
language如果出现在script元素中,则应该忽略type属性,或者type属性值必须为"text/javascript";
最好使用type="text/javascript"替代language属性;


<a name="content" id="content"></a>
name属性不应该继续出现在a元素中;
name属性如果出现在a元素中,其值不能为空,且
    不能与其他元素的id值相同(该元素本身的id值除外,它们俩必须相同);
    不能与其他a元素的name值相同;
最好使用id属性来取代a元素的name用法;

废弃,且不合规范的特性:

以下列出的元素全部都是完全过时废弃的,它们不应该被使用:

applet

使用embed或object进行替代


acronym

使用abbr替代


bgsound

使用audio替代


dir

使用ul替代


frame

frameset

noframes

可以使用iframe和css进行替代,或者通过在服务端include的方式将那些固定不变的部分合并在一起生成完整的页面。


isindex

使用一个显式的form和text field组合进行替代


listing

使用pre和code进行替代


nextid

使用GUIDs进行替代


noembed

使用object替代embed当可靠性作为必须的时候


plaintext

使用"text/plain"的MIME type替代


rb

只需要将文本直接写在ruby元素中即可,rb元素完全可以丢掉


strike

如果该元素标记着一处编辑过的内容则使用del替代,否则,使用s替代


xmp

使用code替代,并且分别要将"<"转码为"&lt;",将"&"转码为"&amp;"


basefont

big

blink

center

font

marquee

multicol

nobr

spacer

tt

用其他适当的元素和CSS进行替代

在tt元素被用作标记键盘输入时,考虑使用kbd元素;如果是变量,考虑使用var元素;如果是计算机代码,考虑code元素;如果是计算输出,考虑samp元素。

类似的,如果big元素被用作表示一个标题,请考虑使用h1元素;如果它被用作标注重要的部分,考虑使用strong元素;如果它以高亮文本的方式用于表明引用的需要,考虑使用mark元素。

还原元素的语义(FOR HTML5)

元素 意图 示例
a 超链接 访问我的<a href="drinks.html">饮料</a>页面。
em 强调 我不得不说,我<em>超爱</em>柠檬水。
strong 重要的事务 这茶<strong>很烫</strong>。
small 侧记 这些葡萄会用来酿酒。<small>含酒精的饮料会使人上瘾</small>
s 不准确的,错误的文本 报价:<s>¥4.50</s> ¥2.00!
cite 作品的标题 <cite>Hugo v. Danielle</cite>这个案例在这儿很切题。
q 引用,引述 法官说过,<q>你可以从鱼缸里喝水</q>,不过建议你不要这么做。
dfn 定义实例 术语<dfn>有机食品</dfn>适用于那些不是使用化学制品而生成的食物。
abbr 缩写体 在爱尔兰,有机食物是符合<abbr title="Irish organic Farmers and Growers Association">IOFGA</abbr>公制标准的。
time 日期或时间 它发表于<time>2009-10-21</time>。
code 计算机代码 <code>fruitdb</code>程式能用于跟踪水果的出产。
var 变量 如果碗里有<var>n</var>种水果,那么至少<var>n</var>-2种会是熟的。
samp 计算机输出 计算机输出:<samp>Unknown error -3</samp>。
kbd 用户输入 按<kbd>F1</kbd>继续…
sub 下标 水的分子式是H<sub>2</sub>O。
sup 上标 氢在重水中通常是<sup>2</sup>H。
i 另类意见 柠檬水的主要成份是<i>柑橘属柠檬</i>
b 关键词 拿个<b>柠檬</b>,然后用<b>果汁机</b>榨汁。
u 注解 苹果汁和<u class="spelling">接骨木花</u>汁混在一起感觉很赞。
mark 高亮 接骨木花茶,由一<mark>份</mark>汁,十<mark>份</mark>水勾兑而成。
ruby, rt, rp 印刷标注 <ruby> 橙汁 <rp>(<rt>鲜橙果汁</rt>)</rp></ruby>
bdi 文本定向隔离 推荐这家餐厅<bdi lang="">My Juice Café (At The Beach)</bdi>。
bdo 文本定向格式化 建议写英文,不过要按相反的顺序。比如,"Juice"要变成"<bdo dir=rtl>Juice</bdo>"。
span 其他 在法国,我们称它为<span lang="fr">sirop de sureau</span>。
br 换行 简单的橙汁公司<br>Apopka, FL 32703<br>U.S.A
wbr 换行良机 www.simply<wbr>orange<wbr>juice.com

 

相关 [html5 标签 语义] 推荐:

HTML5废弃的特性及部分标签语义

- mingelz - W3C标准WEB前端DHTML精英俱乐部
如果页面中存在以下情况,在做规范检测时将遇到警告信息. border属性不应该继续出现在img元素中;. border如果出现在img元素中,其值必须为0;. language属性不应该继续出现在script元素中;. language如果出现在script元素中,其值必须为"JavaScript";.

HTML5标签的语义认知和理解(2)

- - CSDN博客推荐文章
昨天说到了 nav元素,nav元素的确是描述导航,但这个导航应该是对本网站而言的,不应该将 nav用到对于外部的友情链接啊,收藏夹或什么的,总之,对元素来说,要实施他正确的语义才是我们要讨论和研究的事情. 我们可以用 article来描述页面想表达的实际内容,也就是说,这个内容页的核心信息. 你可以这样考虑,这个页面中绝对不能去掉的内容有哪些(比如屏幕大小不够,带宽不够,存储空间不够,在各种恶劣的环境下),这些绝对不能去掉的,代表本业务核心价值的信息,就可以用 article来描述.

HTML5标签的语义认知和理解(1)

- - CSDN博客推荐文章
随着服务器的处理能力越来越大,互联网级开发终于开始全面火热(前几年我和很多人说,不要光关注所谓企业级开发,未来马上将进入互联网级开发),HTML5的预热为前端技术带来了更多机会和热点. 我用的是VS2008开发工具,作为懒人(对于开发工具有强烈的依赖性,懒得记API单词,懒得多打字,懒得查手册)的代表,Intellisense 对我一直是非常重要的事情,我喜欢微软的开发平台,也就是应为VS开发工具有良好的高速的Intellisense 我才喜欢再微软的平台上开发,对于习惯用记事本的牛人,我一直内心仰慕但坚决不从.

HTML5文本元素的语义解释

- - 脚本爱好者
HTML 5: 文本语义元素. 文本语义元素 - a, em, strong, small, s, cite, q, abbr, time, code, var, dfn, samp, kbd, sub, sup, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr.

说说HTML5中label标签的可访问性问题

- BeerBubble - 张鑫旭-鑫空间-鑫生活
本文地址:http://www.zhangxinxu.com/wordpress/?p=1809. 一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,例如,单纯的单选框. 点击区域就鼻屎那么大的地方,经常会点不到位置. 因此,label标签的使用对于提高页面的可用性可访问性是很有帮助的.

【转载】HTML5 Audio/Video 标签,属性,方法,事件汇总

- - HTML5研究小组
autoplay:自动播放. controls:浏览器自带的控制条.

【转载】HTML5的视频标签的一些须知

- - HTML5研究小组
HTML5在互联网的革新高潮的不断冲刷着新的记录. 其中,HTML5最重要的平衡就是在视频方面的支持达到了最佳,也就是说用户不需要安装额外的插件(在PC上或者其它的设备上)来实现视频的播放. 随着HTML5标注制定的不断完善,许多的哦开发人员和设计人员开始关注与实战新的编码标准,原因可能是新的标准缺乏实战和相应的实例示范.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.