html5主题标签,HTML5标签

概述

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 {

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; }

效果

其他控件不一一举例。若直接设置样式无用，找到浏览器默认样式重设。

参考资料

用法演示

http://www.zhangxinxu.com/wordpress/2011/01/%E5%AE%8C%E5%96%84%EF%BC%9Ahtml5%E8%A1%A8%E5%8D%95%E6%96%B0%E7%89%B9%E5%BE%81%E7%AE%80%E4%BB%8B%E4%B8%8E%E4%B8%BE%E4%BE%8B/

API查询

http://www.w3school.com.cn/html5/index.asp

转载于:https://www.cnblogs.com/mominger/p/4344877.html

标签：标签,align,HTML5,使用,属性,替代,CSS,样式表

来源： https://blog.csdn.net/weixin_34279184/article/details/93918982