div是一个独占一行的空白标签

            专门用在css中结合 css设置样式的  因为是空白标签几乎没有默认样式
            像白纸一样 css好操作
        
        span也是一个空白标签

        但是不独占一行

        也是在css结合使用的时候最多

        那么是不是以后用css只能用这两个标签?  绝对不是
        任何标签都可以使用 只是说这两个标签本身空白  可以随意发挥
        其他标签有其他标签的作用

<div>我是一个div</div>
<div>我又是一个</div>
<span>我是span标签</span>
<span>我也是,真巧</span>

页面标签的四大通用属性:(所有标签都可以使用的标签属性)

            title 
                鼠标提示文字

            id
                1.作为锚点的目标

                2.结合css使用 通过id找到元素 设置样式(css部分讲)
                
                特点:
                    同一个页面不能出现相同的id

                id更像是身份证号

            class
                结合css使用 通过class找到元素 设置样式(css部分讲)
                    
                特点:
                    可以任意重复  而且 同一个标签可以定义好几个class

                class更像是人的外号

            style
                在标签上面设置样式  任何标签都可以(css部分讲)

                <标签 style="css代码">内容</标签>
 

<h1 title="看什么看">我是一个大标题</h1>

  <h1 id="AA" class="haha  heihei  hehe  qq  ww">我是A点</h1>
  <span class="hehe  kk">我是span</span>
 <div style="color:red;background-color:blue;">我是一个div</div>

html5之前的页面布局搭建方式

<div id="header">页头部分</div>
<div id="nav">导航部分</div>
<div id="main">
    <div id="aside">侧边栏部分</div>
    <div id="section">主体内容部分</div>

</div>

<div id="footer">页脚部分</div>

html5推出了语义化标签
        语义化标签: 本身不具有任何样式
                只是作为结构划分
                让页面结构更清晰  SEO优化更好

<header>页头部分</header>
 <nav>导航部分</nav>
 <div id="main">
    <aside>侧边栏部分</aside>
    <section>页面主体</section>

 </div>
 <footer>页脚部分</footer>