请解释下什么是语义化的HTML

语义化的好处:

  • 去掉或样式丢失的时候能让页面呈现清晰的结构:html本身是没有表现的,我们看到例如<h1>是粗体,字体大小2em,加粗;<strong> 是加粗的,不要认为这是html的表现,这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和语义化的HTML结构是不可分割的。

  • 屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页.

  • PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱).

  • 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.

  • 你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.

  • 便于团队开发和维护

语义化的HTML就是:标题用h1-h6,文字段落用p,列表用ul li

发表评论

后才能评论