HTML5与HTML4之间的区别

2016-05-16 13:00:00

DOCTYPE声明

HTML4的声明

HTML5的声明

指定字符编码

HTML4指定编码

HTML5指定编码

在HTML5中，以上两种指定编码的方式都是允许的。但是要注意两种指定编码不能混合使用！

HTMNL5的兼容性

HTML5的语法是为了保证与之前的HTML语法也能够达到最大程度的兼容而设计的。

1. 可以省略标记的元素

不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
可以省略结束标记的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
可以省略全部标记的元素有：html、head、body、colgroup、tbody。

2. 具有boolean值的属性

属性值为Boolean值的，例如disabled或readyonly等。

想要设置值为true的方式有三种：

只设置属性名，而不指定属性值。
将空字符串设置为属性值。
将属性名设置为属性值。

想要设置值为false，只需要不设置属性即可。

3. 省略引号

HTML5在设置属性值时，如果属性值不包含空字符串、””、”=”、单引号或双引号的话，属性值两边的引号可以省略。

HTML5废除的元素

1. 可以使用CSS替代的元素

废除元素	CSS的属性
tt	font-family
font	font
center	text-align
big	font-size
s	-
strike	-
u	-
basefont	-

有些废除的HTML元素，并不清楚替代内容，所以为空。

2. 不再使用frame框架

由于frame框架对网页可用性存在负面影响，再加上异步交互的技术已经成熟，并且体验更好。所以，在HTML5中已不再支持frameset元素、frame元素和noframes元素，而只支持iframe元素。

3. 只有部分浏览器支持的元素

bgsound元素和marquee元素，只有IE浏览器支持，所以在HTML5中被废除。applet元素可由embed元素或object元素替代，bgsound元素可由audio元素替代，marquee元素可由JavaScript编程方式替代。

4. 其他被废除的元素

被废除的元素	替代的元素
rb元素	ruby元素
acronym元素	abbr元素
dir元素	ul元素
isindex元素	form元素与input元素相结合的方式替代
listing元素	pre元素
xmp元素	code元素
nextid元素	GUIDS元素
plaintext元素	使用”text/plain”MIME类型替代

HTML5废除的属性

HTML4中使用的属性	使用该属性的元素	HTML5中的替代方案
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，ckassid，codebase，codetype，declare，standby	object	使用data与type属性类调用插件。需要使用这些属性来设置参数时，使用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
align，bgcolor，char，charoff，height，nowrap，align，width	td，th	使用CSS样式表进行替代
align，bgcolor，char，charoff，align	tr	使用CSS样式表进行替代
align，char，charoff，valign，width	col，colgroup	使用CSS样式表进行替代
align，border，hspace，vspace	object	使用CSS样式表进行替代
clear	br	使用CSS样式表进行替代
compact，type	ol，ul，li	使用CSS样式表进行替代
compact	dl	使用CSS样式表进行替代
compact	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	-