美文网首页Web 前端开发
《Html5 实例》阅读笔记(一)

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

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

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

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

      demo01.png
    4. 当今的所有浏览器都能显示以上介绍到的新元素所包含的内容。但是,一些浏览器却不识别它们,将它们当做内联元素对待,这种默认的显示可能在样式化的时候导致一些严重的问题。所以我们需要手动设置,将这些元素设置为块级元素。
      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 代码库中链入该脚本。

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

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

    相关文章

      网友评论

        本文标题:《Html5 实例》阅读笔记(一)

        本文链接:https://www.haomeiwen.com/subject/sbheyttx.html