谈谈自己对语义化的认识

因为最近有朋友反应面试时候会被问到语义化的作用,感觉平时一直在用,没太注意,简单记录一下前端开发中的语义化,后期会持续增加内容。

什么是语义化?其实是指对文本内容的结构化(内容语义化),选择合乎语义(每个块结构所显示的内容代表着什么)的标签(代码语义化),便于开发者阅读,维护和写出更优雅的代码的同时,让浏览器的爬虫和辅助技术更好的解析。简单得说就是用合理化标签来展示内容,比如h1~h6定义标题。

语义化优点:

(1)易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。

(2)有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。

(3)方便其他设备解析,如盲人阅读器根据语义渲染网页。

(4)有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。

以下是结构中常用的语义化标签:

原文地址:https://www.cnblogs.com/flower8/p/11378410.html