1.标签语义化 【面试题】
    概念：有意义、含义的标签。见名知意。提倡用正确的标签去描述对应含义的内容
    语义化标签
    1.结构上
    页头


    主体

    页脚

    导航
    文章

    侧栏
    独立的区域、节、块


    优点：1.代码具有可读性，方便更新和维护
    2.方便SEO 【搜索引擎优化】

    2.图文列表标签-独立内容块

    day10 - 图1
    内容



    3.高亮 内容

    4.标题组
    标题 英文 

    1.     5.对话框  <dialog open></dialog>  有open才能显示
    3.     6.画布    <canvas></canvas>  
    5.     7.音频<br />            <audio src='音频路径' controls  autoplay  loop><br />                当浏览器不支持该标签显示的内容<br />            </audio><br />            controls控件<br />            autoplay自动播放-新版本不支持<br />            loop循环播放
    7.     8.视频<br />            <video src='视频路径' controls  poster='海报路径' width='' height=''><br />                <source src='视频格式1的路径'><br />                <source src='视频格式2的路径'><br />                如果有source，video标签身上就不加src属性了！<br />            </video><br />        <br />        9.媒体标签<br />            <embed src='视频、音频、图片的路径'>

    2.表单的新属性和标签
    1.表单标签的新属性


    novalidate设置不验证表单中信息的正误
    autocomplete是否打开历史记录
    2.input身上的属性

    1.     required设置该项为必填  <br />        autofocus获取焦点<br />        readonly设置为只读 --一般用于做权限<br />        disabled 设置禁用的-一般用于按钮禁用<br />    <br />    3.数据列表标签<br />        <input type='text' list='要关联数据列表的id名'><br />        <datalist id='id名'><br />            <option value='值'>内容</option><br />        </datalist><br />        如果没有value属性就只提交内容，如果有value值就提交值和内容。<br />        value属性写了但是没有值，就不能显示数据列表了<br />    <br />    4.输出标签   <output></output>