2.H5 标签

Posted 2021-02-09 mrzhujl

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：音频

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

　　　　controls 属性：自带的播放控件

　　　　<source src = ‘ ... ‘ type = ‘ video/ogg ‘ >

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

　　canvas：画布

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