首页 > 代码库 > HTML5入门篇

HTML5入门篇

---- HTML5简介

HTML5 是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。


---- 新的布局标记

- header,hgroup,article,section,aside,footer
- 专注于内容,不专注于形势

---- 头部标记

- Header
- hgroup

  <header>     <img>     <hgroup>    <h1>    <h2>     <hgroup>  </header>

---- 大块文章

<article>    <img>    <h2>    <address>    <time></article>

---- 日期和时间

<address>   作者:xgao<br/>   <a href="">Email他</a><br/>   地址:广州<br/>   电话:+12345678</address><p>这是在<time datetime="2012-05-16">这一天</time></p><p>我打开在<time>10:00</time>的晚上</p>

---- Footer 尾部定义

<footer>    <p>    <nav>        <h3>        <div>      <a>    </div>    </nav></footer>

---- 区域与块

- Aside // 在…旁边
- section // 某一块内容

---- 与布局无关的

- Figure
- figcaption

<figure><p>这是一些内容</p><img src="a.jpg" width="200" height="100"/></figure>

---- 汉字元素

- Ruby

<ruby><rt> ㄏㄢˋ </rt></ruby>

---- Time

- 日期

Component Syntax Example
--------------------------------------------------------------
Date YYYY-MM-DD 2011-07-13
Time with hours hh:mm 18:28
Time with seconds hh:mm:ss 18:28:05
Time with milliseconds hh:mm:ss.f 18:28:05.2318
Date and time T to join date and time 2011-07-13T18:28
With time zone GMT Z at the end 2011-07-13T18:28:05Z
With time zone as offset +mm:hh / -mm:hh 2011-07-13T18:28:05+02:00

HTML5入门篇