关于HTML的语义化标签和无语义化标签

这篇文章主要介绍了关于HTML的语义化标签和无语义化标签,语义化的标签,旨在让标签有自己的含义,让浏览器认识这个标签所传达的信息,是干什么的有什么作用,需要的朋友可以参考下

什么是HTML语义化标签

语义化的标签,旨在让标签有自己的含义,让浏览器认识这个标签所传达的信息,是干什么的有什么作用。 比如:h1标题标签的语义是用它来标识网页或其他部分最重要的标题。 然而span 标签责没有独特的含义。

常用的语义化标签

header元素

是HTML5中新增的语义化标签,用于定义文档的页眉(介绍信息)。

nav元素 定义页面的导航链接部分区域.

  

这是标题

标题标签

双标签独占一行,从h1-h6字体大小逐渐减小,重要性依次降低,H1在一个页面只出现一次字体加粗、字体加大。外带介绍快捷创建的方式.

我爱你中国1

我爱你中国2

我爱你中国3

我爱你中国4

我爱你中国5
我爱你中国6

footer元素 定义文档的底部区域,著作权信息,使用条款,联系信息等

定义文档的底部区域

段落标签 p

lorem

lorem: 快速创建一段无意义文字 段落标签 p是独占一行双标签

Lorem ipsum dolor consectetur voluptatem magni numquam aperiam.

hr: 横线 单标签,独占一行 br:换行 单标签,不独占一行






以下的都是双标签、在一行展示

加粗 b、strong(强调语义)

倾斜 i 、em(强调语义)

下划线 u、ins(强调语义)

删除线 s、del(强调语义)

 Lorem ipsum dolor sitametsitdoloraaadoloripsumipsumLoremLorem

无语义化标签

div: 分区 结合css页面布局 双标签、独占一行

 
我是div标签

span: 文本标签 双标签、在一行展示

我是span标签

a 标签 用于控制页面之间跳转 a标签并不算是语义标签:他没有意义,只是一个链接。

到此这篇关于关于HTML的语义化标签和无语义化标签的文章就介绍到这了,更多相关HTML语义化无语义化标签内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!

以上就是关于HTML的语义化标签和无语义化标签的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML 教程