HTML5标签

浏览数：28 / 时间：2015年06月09日

概述

　　HTML5标签加强了结构化;减少与表现(CSS)的耦合;简化了标签、属性的写法。
另外为提升Web网页的性能，还推出了集成javascript、html、css的标签控件。

标签介绍

技术分享

　　删除属性列表（引自@洞庭夕照）

在HTML 4中使用的属性	使用该属性的元素	在HTML 5中的替代方案
rev	link、a	rel
charset	link、a	在被链接的资源的中使用HTTP Content-type头元素
shape、coords	a	使用area元素代替a元素
longdesc	img、iframe	使用a元素链接到校长描述
target	link	多余属性，被省略
nohref	area	多余属性，被省略
profile	head	多余属性，被省略
version	html	多余属性，被省略
name	img	id
scheme	meta	只为某个表单域使用scheme
archive、chlassid、codebose、codetype、declare、standby	object	使用data与typc属性类调用插件。需要使用这些属性来设置参数时，使用param属性
valuetype、type	param	使用name与value属性，不声明之的MIME类型
axis、abbr	td、th	使用以明确简洁的文字开头、后跟详述文字的形式。可以对更详细内容使用title属性，来使单元格的内容变得简短
scope	td	在被链接的资源的中使用HTTP Content-type头元素
align	caption、input、legend、div、h1、h2、h3、h4、h5、h6、p	使用CSS样式表替代
alink、link、text、vlink、background、bgcolor	body	使用CSS样式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width	table	使用CSS样式表替代
align、char、charoff、height、nowrap、valign	tbody、thead、tfoot	使用CSS样式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width	td、th	使用CSS样式表替代
align、bgcolor、char、charoff、valign	tr	使用CSS样式表替代
align、char、charoff、valign、width	col、colgroup	使用CSS样式表替代
align、border、hspace、vspace	object	使用CSS样式表替代
clear	br	使用CSS样式表替代
compace、type	ol、ul、li	使用CSS样式表替代
compace	dl	使用CSS样式表替代
compace	menu	使用CSS样式表替代
width	pre	使用CSS样式表替代
align、hspace、vspace	img	使用CSS样式表替代
align、noshade、size、width	hr	使用CSS样式表替代
align、frameborder、scrolling、marginheight、marginwidth	iframe	使用CSS样式表替代
autosubmit	menu

控件标签使用

　　以progress进度条控件为例（仅chrome浏览器）

　　代码　

<progress value="30" max="100"></progress>
<progress></progress>

　　效果

　　技术分享

　　更改控件的默认样式

progress {
    display:block;
    margin:20px;
    width: 150px;
    border: 1px solid red;  
    background-color:#000;
}

//对浏览器的伪类进行设置，对标签直接设置的background，会被浏览器伪元素样式所覆盖
progress::-webkit-progress-bar { background: #000; }
progress::-webkit-progress-value  { background: red; }

　　效果

技术分享