语义化标签理解

什么是语义化标签？

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫更好地解析。
使用语义化标签有诸多好处：

1. 由于像部分标签自带样式如h1系列，p等，使用语义化的标签能够在样式加载不出的时候有基本样式，而不显混乱
2. 语义化标签也有利于SEO，语义化标签能够有利于爬虫抓取到网页，由于爬虫依赖于标签来肯定上下文和各个关键字的权重。
3. 语义化标签的实现有利于一些特殊设备的解析，好比盲人阅读器，这为他们浏览网页带来了便利
4. 语义化标签代码可读性良好，便于代码维护

语义化标签的实现？

• 尽量少的使用div, span等无心义的标签，div和span没有含义，也所以十分适合做为容器标签
• 尽可能不要使用纯样式标签如<font><b><u>等，用css替代
• 须要强调的地方，能够使用strong和em，不要使用b
• label for标签的使用，将输入框和对应文字联系起来
• alt除了作图片解释之外，能够做为页面未加载出来的文字
• 使用br增长行间距的行为是错误的，<br />标签主要用于文本内容换行
• 表格的caption,thead,tbody等的使用
• html5新加的语义化标签，如<header>,<aside>,<article>,<section>,<footer>,<nav>等