html5标签

Html5与css3

Html5的八大特性

1、语义化标签

2、多媒体

3、离线存储

4、三维图形与特效

5、设备通用

6、性能与集成

7、链接

8、Css3

 

Html5的优点

1、多设备跨平台

2、自适应网页设计

3、即时更行

 

缺点：该标注未能很好的被浏览器所支持。

解决方法

<script type=”text/javascript” src=”js/html5.js”></script>

 

多媒体

加载流媒体

<embed src=”wav/aiff/au/swf/mp3”  width=””  height=”” control/autoplay></embed>

音频<audio src=”mp4/mp3”></audio>

视频<video src=”mp4/webm/oggo”></video>

 

语义化标签

<header></header>结构性元素

作用：用来表示页面头部区域

标签内部：可包含h1-h6，nav，p，非结构性标签

标签外部：body，main，article，section。

 

<footer></footer>结构性元素

作用：用来表示页面底部区域

标签内部：可包含h1-h6，p，非结构性标签

标签外部：body，main，article，section。

注：nav不能用在footer标签中。

 

<nav></nav>非结构性元素  导航菜单

作用：用来表示导航菜单区域

标签内部：可包含h1-h6，p，非结构性标签

标签外部：body，main，article，section。

 

<main></main>结构性元素  

作用：用来表示主体内容，main元素一个页面只能使用一个。标签内部：基本包含h5标签都可以。

标签外部：body。只能是body。

 

<article></article>结构性元素 

作用：用来表示主体文章内容。

标签内部：可包含p，ul,li,img,audio,video,非结构性标签

标签外部：body mail等。

 

 

<aside></aside>结构性元素

作用：表示附注栏。附类信息和文章相关的链接和主体相关信息

标签内部：p  ul  li  img  audio  video等

标签外部：   main body  article等

 

<section></section>结构性元素

 

作用：表示通用分段区域，分类信息

 

标签内部：h系列 ul li  p   img   等

 

外部标签：article  aside其他等