《Html5 实例》阅读笔记(一)

  1. 将页面指定编码为 Unicode(UTF-8), 因为这是一种万能编码,能够满足大部分情况下的需求。但是,有时候,你可能需要包含超出编码范围的一个字符。对于这些字符,我们使用数字字符引用(NCR) 或者一个命名实体去指定它们。关于这些数字字符引用,可以去 XHTML Character Entity Reference 进行查询。

  2. 包含 scriptlink 的声明,可以不使用 type 属性。

  3. HTML5 中可以使用 header, footer, nav, aside, section, article 元素来定义文档结构,在网页中的效果如下所示。

    《Html5 实例》阅读笔记(一)_第1张图片
    demo01.png

  4. 当今的所有浏览器都能显示以上介绍到的新元素所包含的内容。但是,一些浏览器却不识别它们,将它们当做内联元素对待,这种默认的显示可能在样式化的时候导致一些严重的问题。所以我们需要手动设置,将这些元素设置为块级元素。
    header, footer, nav, aside, section, article {
    display: block;
    }
    IE 不会将 CSS 应用于它不识别的元素。而且,IE9 之前的版本还不识别大多数的 HTML5 元素。要让 IE 识别这些元素,只需要将以下脚本添加到 HTML 文档的头部。

    如果需要为所有 HTML5 元素创建 DOM 元素,那就太麻烦了。这个时候可以到 Html5shiv 去下载脚本并将其放入到 HTML 的头部。或者,你可以从 Google 代码库中链入该脚本。

  5. HTML5 带来了很多先进的技术,但遗憾的是目前只有部分浏览器支持 HTML5 功能。想查看目前各个浏览器对 HTML5 功能和 CSS3 的支持,可以去 HTML5&CSS3 Readiness 。当然,即使我们使用的新功能对某些浏览器不支持,Modernizr 也允许我们创建备用方案。Modernizr 是一个 JavaScript 库,它的官方网址是 Modernizr, 可以前去下载使用并且查看使用教程。

  6. 如果我们想要识别 HTML中的错误,我们可以去 HTML5 Validator 或者 W3C's Unified Validator 进行在线校验。

你可能感兴趣的:(《Html5 实例》阅读笔记(一))