总是听说标签语义化,但说实话其实并没有真正了解语义化到底有什么用,今天看了很多篇文章在这里做一下总结。

1.什么是语义化?
让标签有含义,给某块内容用上一个最恰当最合适的标签,使页面有良好的结构,不管是谁都能看懂这块内容是什么。
2.为什么要语义化?
在所有文章中,为什么语义化大概有五点:代码结构(使页面没有CSS的情况下也能呈现出很好的页面结构)、有利于SEO、提升用户体验、方便其他设备解析、便于团队开发和维护。
看上去用处不少,但是在开发中有很多优点我们其实是感受不到的。我认为语义化最大的作用就是可以使HTML结构清晰,代码可读性变好,便于团队开发和维护,首先在我们构思一个页面的组成的时候,基本逃不掉一个典型的页面结构(如下图)。图片说明
我个人更习惯于先用标签组成这个页面的框架再往里面填东西,语义化标签的出现极大提升了代码的可读性,想象一下,如果HTML代码中是满屏的div是多么令人崩溃的一件事,在我刚刚入门前端写小程序的时候就深受其害,在我任职第二家公司写私有云这个项目的时候,借用了Element-ui中的布局容器,哪怕最复杂的一个页面HTML代码有整整2000+行,但是在借用语义化代码你可以很容易把这两千多行代码分成几个小块去阅读,维护起来so方便!!!这就是我开发中使用语义化最大的原因。