HTML5和CSS3系列（三）：變化元素、新增標籤、多媒體、新增表單、全局屬性

上一篇：HTML和CSS 入門系列（二）：文字、表單、表格、浮動、定位、框架佈局、SEO

1、變化的元素

1.1 DOCTYPE

1.2 meta聲明

1.3 <link> 標籤

1.4 <script> 標籤

2、HTML5語義

2.1 新增標籤

2.1.1 article

2.1.2 header

2.1.3 footer

2.1.4 nav

2.1.5 aside

2.1.5 section

2.1.6 內容分組標籤：main

2.1.7 內容分組標籤：figure和figcaption

2.1.8 文本標籤：time

2.1.9 i 標籤

2.1.9 b 標籤

2.1.10 em 標籤

2.1.11 strong 標籤

3、星巴克網站製做

瀏覽器標題欄的上小圖標：

<link rel="shortcut icon" href="images/favicon.ico">

頁面初始化：

*{
    padding: 0;
    margin: 0;
    font: inherit;
    }

4、音視頻播放

4.1 視頻

兼容全部的瀏覽器播放：

4.2 音頻

5、新增input類型

5.1 input類型

datalist:

keygen:

output:

6、表單驗證

6.1 類型

6.2 必填字段

禁用表單驗證：

或

總結：

7、新增表單屬性

7.1 placeholder

8、全局屬性

下一篇：HTML5和CSS3系列（四）：常見樣式、背景、Web字體、2D轉換、過渡

參考教學視頻：HTML5和CSS3新特性視頻教程