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>
  • 相关阅读:
    HTML大文件上传(博客迁移)
    微信小程序初探
    基于NodeJS微信公众号
    基于NodeJS的秘室聊天室
    CSS3 值得称赞新特性
    CAS FOR WINDOW ACTIVE DIRECTORY SSO单点登录
    IOS学习之-私人通讯录
    android 模拟2048
    使用ctypes在Python中调用C++动态库
    [Leetcode] Longest Palindromic Subsequence
  • 原文地址:https://www.cnblogs.com/anjingdian/p/15669569.html
Copyright © 2011-2022 走看看