语义化标签

语义化标签

在网页中HTML专门用来负责网页的结构，所以在使用HTML标签时，应该关注的是标签的语义，而不是它的样式。
标题标签：h1_{h6一共有六级标题。从h1}h6重要性递减。
标题标签都是块元素
h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1.
一般情况下标题标签只会使用到h1_h3,h4h6很少用
块元素： 在页面中独占一行的元素称为块元素（block element）。
p标签表示页面中的一个段落，p也是一个块元素
常见块元素：div ，p ，ul , li ,h1-h6…
块元素的特点：
(1)所有的块元素都会独占一行;
(2)块元素可以直接设置其宽度和高度；
(3)如果一个块元素没有设置宽度，那么其默认的宽度是父元素的宽度；

标签用来为标题分组，可以将一组相关的标题同时放入到hgroup

回乡偶书二首

其一

行内元素/内联元素(inline element)：在页面中不会独占一行的元素称为行内元素/内联元素（inline element）
常见行内元素：span ,a ,strong ,em ,b ,s ,i ,font…
行内元素特点：
(1)所有行内元素都在一行上显示；
(2)行内元素没有宽度和高度（即使设置也不生效）。

             em标签用于表示语音语调的一个加重    <p>今天天气<em>真</em>不错</p>  
             strong表示强调，重要内容！        <p>你今天必须要<strong>完成作业</strong></p>
              blockquote表示一个长引用      <blockquote>这句话我是从来没有说过的！</blockquote>
              q表示一个短引用，q是一个行内元素。          子曰：<q>学而时习之，不亦说乎。</q>
              br标签标表示页面中的换行        <br >今天天气真不错！

注意：
块元素（block element）
-在网页中一般通过块元素来对页面进行布局
行内元素(inline element)
-主要用来包裹文字
一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
块元素中基本上什么都能放
p元素中不能放任何的块元素
浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正。
比如：标签写在了根元素(html)的外部
p元素中嵌套了块元素
根元素中出现了除head和body以外的子元素等等
行内块元素：img,input,selet,textarea,button,label…
特点：
（1）.与所有的行内元素相同，都在一行上显示。
（2）.与块元素相同，可以设置宽度和高度。
不同元素之间的转换方式：
转换为块元素：display:block
转换为行内元素：display：inline
转换为行内块元素：display:inline-block
H5新增语义化标签：