HTML

HTML语义化

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

为什么语义化

• 为了在没有CSS的情况下，页面也能呈现出很好地内容结构。
• 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用。
• 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页
• 便于团队开发和维护。

在不该用div和span的时候，少用。div和span的作用是区域的划分，在使用div和span时加上class。html行内和块级是由css决定的，html标签并不管这些。html标签有各自的语义。写代码时不应该想这个元素是行内元素还是块级元素，应该想这个元素表示的语义。

空标签

没有闭合标签的称为空标签。下列不懂的标签可以搜索MDN。例：command MDN

*   
*   
*   

*   
*    
*   
*   
*   

*   
*   
*   
*   
*   
*   
*   
*   
*   

可替换标签

含义：指标签会被替代，例如img标签会被下载的图片替代。
典型的可替换元素有 、