2.H5 标签

HTML4：

HTML5：超文本标记语言；可以显示图片，音频，视频；

XHTML：更加严谨的标记语言；

XML：可扩展的标记语言；

---

 块级元素：独占一行、支持宽高

　　div 、p 、h1~h6 、ul li 、ol li 、dl dt dd 、table 、form

行内元素：不独占一行，不支持宽高

　　span 、a 、label 、em 、i 、b 、strong 、br

行内块标签：支持宽高、不独占一行

　　input 、img 、textarea

 

display：block   display：inline-block

---

 

HTML5的新标签：（为了语义化，SEO优化）

　　header：头部

　　section：块  代替了div  

　　main：主题部分

　　footer：底部

　　nav：导航

　　figure：图片

　　figurecaption：图片描述

　　article：文章

　　mark：高亮

　　audio：音频

 

　　　　<audio src="song.mp3" controls="controls"></audio>

　　　　Media.volume = value; //音量

　　　　Media.muted = value; //静音

　　　　Media.pause() 暂停

　　　　Media.play() 暂停

　　　　timeupdate当前播放时间发生改变的时候

　　　　currentTime用来获取或者控制当前的播放时间，单位是秒（S）

　　　　startTime返回起始的播放时间

 

　　　　https://blog.csdn.net/gongstrong123/article/details/50339249

　　　　https://blog.csdn.net/c__chao/article/details/78573737

 

　　video：视频  <video src = ' ./... ' controls = ' controls ' ></video>   

　　　　controls 属性：自带的播放控件　

　　　　autoplay 自动播放

　　　　loop 循环播放

　　　　preload="auto" 加载

<video autoplay="autoplay">　　
    <source src = ' ... ' type = ' video/ogg ' >
    <source src = ' ... ' type = ' video/mp4 ' >  //如果 某种 浏览器不支持 视频格式，会自动跳到另一种格式上。　　
</video>

　　

　　canvas：画布

　　

　　新增 input 的属性；

　　<input type="number" min="2" max="10" step="2"> 上下加减

　　<input type="range" min="2" max="10" step="2"> 进度条

　　<input type="search"> text可以点删除

　　<input type="date"> 默认日历

　　<input type="color"> 色板

　　<input type="text" autocomplete="on" name="tel"> 提示

　　autofocus input自动聚焦

 

　　更多标签，更多属性，更多事件 请查看 ：http://www.w3school.com.cn/html5/index.asp

 

转载于:https://www.cnblogs.com/MrZhujl/p/10369101.html