html-day11标签语义化&新增标签
1.标签语义化【面试题】
语义：有意义的，能够见名知意，提倡用正确语义的标签去描述对应的内容。 常见的标签 页头 header 主体 main 页脚 footer 文章 article 导航 nav 侧栏 aside 独立的区域、节、块 section 优点： 方便SEO。 代码具有可读性，方便更新和维护。
2.其他标签
1.图文列表块 <figure> <img> <figcaption></figcaption> </figure> 2.高亮 <mark></mark> 3.标题组 <hgroup></hgroup> - ex:新闻动态 newscenter 4.对话框 <dialog> </dialog> 要显示出来必须加属性open 5.画布 <canvas></canvas> 需要用js实现效果
3.音频
<audio src='音频的地址' controls autoplay loop></audio> controls代表控件 autoplay自动播放 loop循环播放 <source src='对应音频的路径'> audio标签里面可以有多个source,引入不同类型的音频。 <audio controls autoplay loop> <source src='音频的地址'> <source src='音频的地址'> </audio>
4.视频
<video src='视频路径' controls poster='海报图片的路径'></video> 同音频
5.表单新增的属性
1.novalidate 设置表单里面的东西不验证的 <form novalidate></form> 2.autocomplete 设置表单中输入信息是否有提示 <form autocomplete='on打开 | off关闭'></form> 3.required 设置该项为必填 4.maxlength 和 minlength 设置最大最小长度 5.multiple设置该项的值可以多选。 6.autofocus 设置该项自动获取焦点。 7.placeholder 设置该项的提示文字-占位符 表单元素的属性所有小结 <input type='' name='名字' value='值' readonly disabled checked required maxlength='' minlength='' placeholder='' autofocus multiple> readonly只读，用于做权限 disabled禁用，设置按钮不可用 checked只有单选和复选有，用于设置默认选中该选项 下拉列表-selected代表默认选中该选项 <select> <option selected>内容</option> </select>
6.h5新增的标签
1.数据列表 <input list='要关联的列表的id名'> <datalist id=''> <option value='值'>内容</option> <option value='值'>内容</option> </datalist> 2.输出标签 （了解） <output></output>
面试题：h5新增的标签列举15个
1.<header></header> 2.<nav></nav> 3.<aside></aside> 4.<artical></artical> 5.<section></section> 6.<mark></mark> 7.<audio></audio> 8.<video></video> 9.<source></source> 10.<hgroup> 11.<figure></figure> 12.<figcation></figcaption> 13.<canvas></canvas> 14.<output></output> 15.<dialog></diolog>
