HTML 语义标签

发布时间 2023-11-29 15:05:35作者: 学Java的`Bei

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

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()'---鼠标离开开始移动