怎样理解HTML5和CSS3的语义化标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样理解HTML5和CSS3的语义化标签相关的知识,希望对你有一定的参考价值。

1.语义化标签只是html,CSS不存在语义化。HTML是标签,CSS是属性。
2.语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(document)以及在书写js是用到的document就已经很清晰的告诉我们,计算机将页面当做是一个document,我们也可以将页面归为document的一种。
3.HTML标签本身是意义的。如p---paragraph,li---list,img---image但是有些是无语义化的如div---division并不能呢个表示div标签里面内容的属性和表现样式。
4.HTML5在运来HTML的基础上根据大部分人的开发习惯和一般的网站页面展现形式,增加了语义化的标签如<header><footer><nav><article>.
5.个人理解是HTML是定义好属性的XML,语义化HTML可以让页面结构更清晰,写更少的CSS和JS,以及更有利于SEO
参考技术A 语义化也就是在意思上更好理解,不然的话整个页面全部都被DIV充满了,很多div不便于阅读和修改,其实功能还是和div还是一样的,只是看到了知道这个标签在整篇html文档的意思。

以上是关于怎样理解HTML5和CSS3的语义化标签的主要内容,如果未能解决你的问题,请参考以下文章

html标签语义化的优点

语义化标签是啥?有啥作用

你真的理解HTML5标签语义化吗?

2019前端面试经典(html5+css3+JavaScript)

标签语义化对 SEO 来说有多重要

html5的语义化标签都有哪些及其作用?