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

标签： Web Develop | 发表时间：2011-07-11 16:44 | 作者：[email protected](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.