1.语义化标签
概念:有意义的标签,提倡用正确的标签去描述有对应含义的内容。
1.结构上的语义化标签。
页头 <header></header>
导航 <nav></nav>
主体 <main></main>
独立的区域 <section></section>
文章 <article></article>
册栏 <aside></aside>
页脚 <footer></footer>
优点:代码具有可读性,结构清晰。
方便SEO。
方便更新和维护。
2.其他标签
图文组合标签
<figure>
<img src=''>
<figcaption>文字内容</figcaption>
</figure>
高亮 <mark></mark>
标题组 <hgroup></hgroup>
对话框 <dialog open>对话框的内容</dialog>
画布 <canvas></canvas>
媒体文件引入 <embed src='文件的路径'></embed> (图片、音频、视频)
3.媒体标签
1.音频
<audio src='音乐的路径' controls autoplay loop>不支持改标签的时候显示的文字</audio>
controls 控件
autoplay 自动播放 只有IE可用
loop 循环播放 只有IE可用
2.视频
<video src='视频的路径' controls poster='封面图的路径'>不能支持改标签时的提示信息</video>
3.source标签
<video>
<source src='视频的路径'>
<source src='视频的路径'>
<source src='视频的路径'>
不能支持该标签的时候的提示信息
</video>
2. H5新增的表单属性
<form novalidata autocomplete='on/off'></form>
novalidata 代表不验证该表单中数据的正确性
autocomplete 自动补全,默认为on开/off关
<input required placeholder='提示内容' autofocus minlength='最小字符数' maxlength='最大字符数'></input>
required 规定该元素内容为必填
placeholder 占位符
autofocus 自动获取焦点
minlength 最小字符数
maxlength 最大字符数
readonly 只读,不可写用于做权限
<button disabled></button>
disabled 设置按钮不可用(常用语验证码60秒发送一次)
checked 设置单选和复选默认选中的属性
selected 设置下拉列表默认选中
multiple 设置下拉列表选项中多选
3.h5新增的表单标签
1.数据列表
<input list='对应的数据列表的id名'>
<datalist id=''>
<option value='值'></option>
</datalist>
value和内容都有的时候,就会都显示,但是如果没有value属性,就会显示内容.
如果value是空的,就什么都不会显示
2.输出(了解)
<output></output>