zoukankan      html  css  js  c++  java
  • 布局标签(结构化语义标签) 安静点

    注意,关注的是语义,而不是样式的区别,下面的这些标签所展示出来的样式都是一样的,都是H5新增的一些标签,当我们遇到这些标签的时候就能够通过语义知道被包围的元素是用来干什么的,比如在header标签包围起来的元素表示的是在页面上展示为头部元素,可以理解为注释说明性的标签。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <!-- 
            布局标签(结构化语义标签)
         --> 
         <!-- 
            header 表示网页的头部
            main 表示网页的主体部分(一个页面中只会有一个main)
            footer 表示网页的底部
            nav 表示网页中的导航
            aside 和主体相关的其他内容(侧边栏)
            article 表示一个独立的文章
            section 表示一个独立的区块,上边的标签都不能表示时使用section
    
            div 没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素
            span 行内元素,没有任何的语义,一般用于在网页中选中文字
    
          -->
         <header></header>
         <main></main>
         <footer></footer> 
         <nav></nav>
         <aside></aside>
         <article></article> 
         <section></section> 
         <div></div> 
         <span></span>
    </body>
    </html>
  • 相关阅读:
    axios取消请求
    echarts常用图表配置
    Vue指令限制输入框输入整数小数
    小程序商品飞入购物车组件
    webpack按测试和生产环境进行编译
    地图画线添加标签
    vue-element-admin 动态侧边栏
    html2canvas 和浏览器打印
    echarts 指定某段曲线颜色
    列出表结构
  • 原文地址:https://www.cnblogs.com/anjingdian/p/15669569.html
Copyright © 2011-2022 走看看