h5-常用标签

Posted 2021-01-20 nannanxiaogege

h5-常用标签

h5：语义化标签

 

语义化标签的好处：

           1)    html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
            2)    即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
            3)    搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;
            4)    使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

定义一个导航
            nav  导航标签
            header  头部
            footer  底部
            hgroup  标题组
            section 划分区域的
            article 主题内容
            aside   主题内容的附属信息
            figure  定义媒体信息
            figcaption figure媒体的标题
            time    定义日期（datetime time标签上面的属性）

     <time datetime="2019-02-14">情人节</time>有约会吗

html5中的

datalist下拉列表

        <datalist id="vlist">
            <option value="百度">百度</option>
            <option value="千度">千度</option>
            <option value="京东">京东</option>
            <option value="淘宝">淘宝</option>
        </datalist>

        <details open>  <!--属性和属性值一致的时候，可以只写一个open="open"   open-->
            <summary>人人教育</summary>
            <p>前端培训很专业</p>
        </details>

dialog对话

        <dialog open>
            <dt>老师在吗？</dt>
            <dd>1+1=？</dd>
            <dt>学生</dt>
            <dd>这个问题不会吗？你问的问题我没法接啊？</dd>
        </dialog>

address  地址信息，起提示作用

pre 可以按照指定的结构输出

sub 设置下标        例如H2O
sup 设置上标        例如2的2次方