html重点整理

第二课   标签

第一部分：结构标签

html搭建网页的结构,大部分的网站可分为头部,主体,底部,导航,文章等等。 html5 新增的标签，语义化更强网站的性能也会更好 。

    布局标签（结构化标签) 用来布局的都是块元素。

•     header  网页的头部
•     main   网页的主体内容（一般就一个）
•     footer  网页的底部
•     nav   网页的导航
•     aside  和主体相关的内容，侧边栏
•     article  文章之类
•     section  独立的区块，上面的标签都不合适时，就用这个，用来代替div

 <header>者磊你将。</header>
    <main>承找娟友友。</main>
    <footer>出设的，脱当老。4</footer>
    <nav>谷事他，到。</nav>
    <aside>快谷后，足。</aside>
    <article>评友在，生的传上。</article>
    <section>听联惊这斗今杨厅。</section>

第二部分：行内与块元素

元素分类

        1.块元素（block element） 用来布局

            特点：会独占一行

                  默认情况下，块元素的宽度是视口的100%。

                  默认情况下，块元素的高度是内容的高度，是被内容撑开的。

            常用块元素：div , p , h1-h6 , header , main , footer , nav 等。

       

        2.行内元素（inline element） 用来包裹文字

            特点：不会独占一行

                  宽高是被内容撑开的，内容有多宽它就多宽

            常用行内元素：span, , strong ,em , del 等。

       

        3.行内块元素

            特点：兼具块元素和行内元素特点

            常用行内块元素：img

   

    注意：

          1、块元素主要是用来布局，里面可以放任何元素，块元素、行内元素、行内块元素。

          2、行内元素主要用来包裹文字的，一般情况下不能放块元素。</