HTML5之语义标签

1、什么叫语义标签?或者说什么叫做标签的语义化?

语义标签能够帮助我们的搜索引擎、爬虫、seo读懂我们的页面,

2、<blockquote></blockquote> :缩进

cite可以当属性来用,表示引用自哪里

HTML5之语义标签


它所引用的文本的左右两边都空出了一段距离,表示了缩进

HTML5之语义标签

3、<cite><cite/> 标签:斜体显示,用于引用书籍或者文献资料

HTML5之语义标签


HTML5之语义标签


4、<address></address> :表示地址信息


HTML5之语义标签


HTML5之语义标签

5、<code></code>  :表示计算机的代码

HTML5之语义标签


HTML5之语义标签

6、<var></var> : 表示计算机方面的变量

HTML5之语义标签


HTML5之语义标签

7、<del></del>:过期了


HTML5之语义标签


HTML5之语义标签

8、pre:预格式化标签,这个标签里面的内容,比如空格、换行会被保留下来

①中间添加了空格,但是并没有换行

HTML5之语义标签

运行结果:

HTML5之语义标签

②使用pre标签之后:

HTML5之语义标签

运行结果:换行和空格都被保留下来了

HTML5之语义标签

9、<mark></mark>  :画重点标签

HTML5之语义标签


HTML5之语义标签

10、<details></details> : 详细的信息标签      <summary></summary>:摘要信息

HTML5之语义标签



HTML5之语义标签