HTML 语义标签

 浏览器兼容性的原因，在这里推荐使用谷歌

1.语义介绍

• 每个HTML元素都有具体含义；
• 所有元素都与展示效果无关；
• 元素展示到页面的效果，应由CSS决定；
• 浏览器带有默认的CSS样式，所以每个元素都有默认样式；
• 选择什么元素取决于内容的含义，而不是显示出的效果。

      　　类似分类。

　　　通俗讲就是给标签赋予含义；什么标签放什么内容...

 

2.语义优点

• 搜索引擎优化(SEO)：加快浏览器渲染速度。
  每隔一段时间，搜索引擎会在整个互联网中抓取页面源代码。

• 为了让浏览器理解网页。样式一定要用CSS来实现，不要使用HTML标签。

 

3.HTML5新增语义化标签

• header--头部标签
• nav---导航标签
• article--内容标签
• section--块级标签
• aside---侧边栏标签
• footer---尾部标签

4.拓展

• 　　<iframe></iframe>   内联框架  （可在本页面插入另一个页面）

　　　　　　属性：width-宽、height-高、scrolling-在框架内显示滚动条、src-引入的超链接

•       <marquee></marquee>  滚动标签

　　　　　　属性：direction--方向（left、right）、behavior--滚动方式（scroll、slide、alternate、crollamount--速度，默认为6、scrolldelay--时间，默认为0，单位 毫秒）、

　　　　　　　　　onmouseover='stop()'---鼠标悬浮停止、onmouseout='start()'---鼠标离开开始移动

 

---