HTML5 基础知识

结构标记

1、作用 :增强标签的语义性

2、H5新增结构标记元素

  1、<header>元素 用作与网页头部,可能包含网页标题、LOGO、导航信息 该元素可以出现多次

等同于 <div id="header"></div> <header> <img src="logo.gif"/> <h1>欢迎光临。。。</h1> </header>

  2、<nav>元素 用于定义网页导航 <nav> <ul> <li>首页</li> <li>母婴用品</li> <li>家居用品</li> </ul> </nav> 等同于:<div id="nav"></div>

  

  3、<section>元素 section:小节 该元素标识网页内容中的某一具体部分。定义文章章节、内容的楼层(购物类网站居多)

  4、<article>元素 article:文章,内容 。。。 在论坛中表式某一具体帖子信息、新闻类网站的某一具体新闻信息、博客类网站具体博客条目、用户评论等

   5、<footer>元素 定义网页底部信息,多用于企业介绍、标识等部分内容 等同于 <div id="footer"></div>

  6、<aside>元素 侧边栏,可以标识正规内容额外的部分内容 边栏内容优先使用<aside>元素

  7.音频:audio <audio controls="controls" autoplay="autoplay"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> 属性:autoplay 如果出现该属性,则音频在就绪后马上播放 controls 如果出现该属性 ,则向该用户显示控件,比如播放按钮 loop:如果出现该属性,则每当音频结束时重新开始播放 preload :如果出现该属性,则音频在页面加载时进行加载,并预备播放 src: 要播放音频的URL

   8.拖拽:drag

  9.画布:canvas

 

posted @ 2017-08-18 15:38  mangoli  阅读(131)  评论(0编辑  收藏  举报