HTML5简介

浏览数：24 / 时间：2015年06月09日

HTML5简介

1、什么是HTML5
2、HTML5新特性
3、HTML5声明
4、HTML5例子
5、支持HTML5浏览器

什么是 HTML5?
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5新特性
1、用于绘画的 canvas 元素
2、用于媒介回放的 video 和 audio 元素
3、对本地离线存储的更好的支持
4、新的特殊内容元素，比如 article、footer、header、nav、section
5、新的表单控件，比如 calendar、date、time、email、url、search

HTML5声明
HTML5 <!DOCTYPE>
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
<!DOCTYPE html>

最小的HTML5文档
下面是一个简单的HTML5文档：
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

HTML5 浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content="脚本小子_小贝_HTML5简介"/>
<meta name="description" content="脚本小子_小贝_HTML5简介"/>
<meta name="" content="脚本小子小贝 xiaobei qq:2801616735"/>
<title>HTML5简介</title>
<style>
p{
    border:1px dashed red;
    padding:5px;
}
</style>
</head>

<body>
    <h2>HTML5简介</h2>
    <ul style="list-style:none">
        <li>1、什么是HTML5</li>
        <li>2、HTML5新特性</li>
        <li>3、HTML5声明</li>
        <li>4、HTML5例子</li>
        <li>5、支持HTML5浏览器</li>
    </ul>
    <hr/>
    <h3>1、什么是HTML5</h3>
    <p>
        HTML5 是下一代 HTML 标准。<br/>
        HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。<br/>
        HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。<br/>
    </p>
    <h3>2、HTML5新特性</h3>
    <p>
        1、用于绘画的 canvas 元素<br/>
        2、用于媒介回放的 video 和 audio 元素<br/>
        3、对本地离线存储的更好的支持<br/>
        4、新的特殊内容元素，比如 article、footer、header、nav、section<br/>
        5、新的表单控件，比如 calendar、date、time、email、url、search<br/>
    </p>
    <h3>3、HTML5声明</h3>
    <p>
         HTML5 &lt;!DOCTYPE&gt;
        &lt;!doctype&gt; 声明必须位于 HTML5 文档中的第一行,使用非常简单:
        &lt;!DOCTYPE html&gt;
    </p>
    <h3>4、HTML5例子</h3>
    <p>
        &lt;!DOCTYPE html&gt;<br/>
            &lt;html&gt;<br/>
                &lt;head&gt;<br/>
                    &lt;title&gt;文档标题&lt;/title&gt;<br/>
                &lt;/head&gt;<br/>
            &lt;body&gt;<br/>
            文档内容......<br/>
            &lt;/body&gt;<br/>
        &lt;/html&gt;
    </p>
    <h3>5、支持HTML5浏览器</h3>
    <p>最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。</p>
</body>
</html>