HTML中的语义化标签

在网页中HTML专门用来负责网页的结构
            所以在使用html标签时，应该关注的是标签的语义，而不是他的样式 

            标题标签：
                h1-h6 一共有六级标题
                从H1-H6重要性递减，H1最重要，H6最不重要
                H1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1
                一般情况下标题标签只会使用到H1-H3，H4-H6很少用

                标题标签都是块元素
            
            在页面中独占一行的元素称为块元素（black element）
            在页面中不会独占一行的元素称为行内元素（inlin element）
    
       块元素（black element）
            -在网页中一般通过块元素对页面进行布局

       行内元素（inline element）
            -行内元素主要用来包裹文字

            -一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
            -块元素中基本上什么都能放
            -p元素中不能放任何的块元素

        浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正
            比如：
                标签卸载了根元素的外部
                p元素中嵌套了块元素
                根元素中出现了head和body以外的子元素
                ......

        在搜索引擎中右键检查或者f12打开开发者工具
        elements产看的是网页在内存中的结构
       

        布局标签（结构语义化标签）
    
        header 表示网页的头部
        main 表示网页的主体部分（一个页面中只会有一个main）
        footer 表示网页的底部
        nav 表示网页的导航
        aside 和主体相关的其他内容（侧边栏）
        article 表示一个独立的文章
        section 表示一个独立的区块，上面的标签都不能表示时使用section

        div没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
        span 行内元素，没有任何的语义，一般用于在网页中选中文字