html中的语义化标签有哪些？请举例并说出他们的作用

  在初学HTML的时候，我们学习到了好多标签，我们知道独占一行用于页面排版的块级元素，例如：h1~h6,p,div等元素，还有在同一行用于修饰文字的行内元素，例如：a,span,i,b,em等，还有一些表单元素，例如table button input等元素这些元素我们在其各自的定义中已经知道其含义。HTML之所以为超文本标记语言，也就是说它将a 这样的文本赋予了超出文本之外的含义-链接。那么语义化标签又是什么呢？

  语义化的标签的出现就是告诉大家要用正确的标签来标记正确的内容。

 当你使用语义化标签时浏览器能够识别你的标签并且将它在不依赖css的情况下正确的展示他的样式。这样子你写出的代码结构更具有整洁性和可读性，方便日后的代码维护。同时也提升了渲染引擎的优化搜索。代码量的减少还有提高页面的加载速度。语义化的标签也方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页。

语义化的标签的出现就是为了解决大家在书写代码的时候的代码不整洁和结构不清晰可读性差的问题，所以在日后的页面熟悉的时候尽量避免div这种非语义化标签的使用。需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；每个input标签对应的说明文本都需要使用label标签。不要使用纯样式标签，如：b、font、u等，改用css设置。

常见的语义化标签