H5新标签--语义化标签

最新推荐文章于 2024-05-08 14:25:03 发布

TimePawnshop.

最新推荐文章于 2024-05-08 14:25:03 发布

阅读量1.1w

点赞数 1

文章标签：优化 seo 标签 H5新标签

本文链接：https://blog.csdn.net/MYTLJP/article/details/78231369

版权

H5新标签----语义化标签

  区别：1.默认样式不一样 

  2.有SEO优化作用 

  1、header，一般作为网页的头部使用 

  2、aside，侧边栏 

  3、nav，导航栏 

  4、address，地址，字体样式默认倾斜 

 
 <address> 标签定义文档或文章的作者/拥有者的联系信息。 

 
 如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。 

 
 如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。 

  5、section，代表某一个区域，分区，页面或者文档的一部分区域，有独立的内容，但结构相近，就可以用section，范围比div大，语义比div更强，可以包含header、h1-h6……凸显语义的标签 

  6、article，独立的内，可以是文章、blog、帖子、短文或者回复、评论 

  7、footer，网站的底部 

  8、hgroup，专门用来包含标题h标签的分组 

  9、<details open> 

  <summary></summary> 

  </details> 

  细节、详情 

  open属性：默认展开 

  summary相当于详情的标题 

  10、<dialog open></dialog>对话框，不写open不显示 

  11、<figure>图像区域：可以包含多个图片或者一个figcaption，figcation用来表示图片标题 

  <figcaption></figcaption>图像的标题：一般写在figure内 

  <div></div>图像的内容 

  </figure> 

  12、mark和time 

  mark，有特殊效果，突出显示部分文本，背景默认黄色；time，没有特殊效果。是给浏览器看的，仅供浏览器抓取信息抓的更准确。 

  13.meter，定义已知范围或分数值内的标量测量，IE不支持 

  14、progress，运行中或下载的进度 

  15、ruby，给一个解释 

  16、三种引用 

  cite：行元素，字体倾斜 

  blockquote：块元素，默认上下一个字的间距，左右40px的margin 

  q：块元素，带引号的引入 

  17、两种格式化代码 

  code，把换行和空格给格式化显示 

  pre，我们怎么写的就能怎么显示 

关注