-
将页面指定编码为
Unicode(UTF-8)
, 因为这是一种万能编码,能够满足大部分情况下的需求。但是,有时候,你可能需要包含超出编码范围的一个字符。对于这些字符,我们使用数字字符引用(NCR) 或者一个命名实体去指定它们。关于这些数字字符引用,可以去 XHTML Character Entity Reference 进行查询。 -
包含
script
和link
的声明,可以不使用type
属性。 -
在
demo01.pngHTML5
中可以使用header, footer, nav, aside, section, article
元素来定义文档结构,在网页中的效果如下所示。
-
当今的所有浏览器都能显示以上介绍到的新元素所包含的内容。但是,一些浏览器却不识别它们,将它们当做内联元素对待,这种默认的显示可能在样式化的时候导致一些严重的问题。所以我们需要手动设置,将这些元素设置为块级元素。
header, footer, nav, aside, section, article {
display: block;
}
IE
不会将CSS
应用于它不识别的元素。而且,IE9
之前的版本还不识别大多数的HTML5
元素。要让IE
识别这些元素,只需要将以下脚本添加到HTML
文档的头部。
<script>
document.createElement("header");
document.createElement("footer");
document.createElement("nav");
document.createElement("aside");
document.createElement("section");
document.createElement("article");
</script>
如果需要为所有HTML5
元素创建DOM
元素,那就太麻烦了。这个时候可以到 Html5shiv 去下载脚本并将其放入到HTML
的头部。或者,你可以从Google
代码库中链入该脚本。
-
HTML5
带来了很多先进的技术,但遗憾的是目前只有部分浏览器支持HTML5
功能。想查看目前各个浏览器对HTML5
功能和CSS3
的支持,可以去 HTML5&CSS3 Readiness 。当然,即使我们使用的新功能对某些浏览器不支持,Modernizr
也允许我们创建备用方案。Modernizr
是一个JavaScript
库,它的官方网址是 Modernizr, 可以前去下载使用并且查看使用教程。 -
如果我们想要识别
HTML
中的错误,我们可以去 HTML5 Validator 或者 W3C's Unified Validator 进行在线校验。
网友评论