首页前端开发正文

从DIV到语义标记

朱绪2020-08-131639

DIV+CSS

div+css是网页的一种布局手段,传统的网页布局是借助表格(table)实现的,那是零几年的时候。互联网刚兴起,最早期时候网页都是这样。

后来出现了div+css,它将内容和样式分离,更灵活,也更简洁。

HTML语言标记

html5

div虽然给力,但是它是没有任何语义的。

用有语义的标记代替div,这样可以提高可读性。

为什么要做这种转变?

前端语义化是一种趋势,语义标记是一种规范。

一来方便web开发人员去理解代码,二来也有利于搜索引擎去识别。(即有利于SEO)。

怎样来做这种转变?

为了让网页结构更加地清晰,我们尽量去使用h5中新的元素。

当然了,这些新的元素并没有任何内置的样式,不用担心会对页面造成影响,把它当作div一样看待就好了。