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>