HTML标签语义化的介绍
发布时间:2012-11-17 15:05:22 作者:佚名 我要评论
html标签语义:即html标签的含义
前几年在网站开发上DIV+CSS很是流行,当时掀起一片狂狼啊。可是在后来对于前端开发来说纯DIV+CSS已经被程序员们所丢弃,随着“标签语义化”这个词就出来了。
那么这个词是什么意思呢?下面摘自百度百科:
html标签语义:即html标签的含义。
首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。,用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。
那么我们怎么很好的理解这段话呢?其实这段话表明一点就是该用什么标签就用什么标签,不要刻意的用DIV布局,比如如果加粗什么的完全可以直接用来完成,不必要用class进行渲染,自然点,比如页面中也可以适当的使用table表格布局,谁说表格不利于SEO的啊?就连百度都有用到表格的哦。所以说哪个方便用哪个,哪个结构清晰用哪个。杜绝DIV+CSS布局这一说法。
那么这个词是什么意思呢?下面摘自百度百科:
html标签语义:即html标签的含义。
首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。,用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。
那么我们怎么很好的理解这段话呢?其实这段话表明一点就是该用什么标签就用什么标签,不要刻意的用DIV布局,比如如果加粗什么的完全可以直接用来完成,不必要用class进行渲染,自然点,比如页面中也可以适当的使用table表格布局,谁说表格不利于SEO的啊?就连百度都有用到表格的哦。所以说哪个方便用哪个,哪个结构清晰用哪个。杜绝DIV+CSS布局这一说法。
相关文章
- 这篇文章主要介绍了HTML5语义化元素的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧2019-08-22
- HTML5 只有一个简单的文档类型:<!DOCTYPE html>,表示浏览器会按照标准模式解析。今天小编给大家带来了HTML5新特性之语义化标签,感兴趣的朋友一起看看吧2017-10-31
- b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是“表现”粗体和斜体,而没有任何“语义”。更多的用 strong2008-10-17
- HTML结构更加清晰、规范,学习HTML5优化结构的思路。 HTML5添加了一些新元素,用来标识常用的结构,是html更具语义化,可是我们无法直接使用,即使可能用到还要等他个十年2008-10-17
- 本篇文章小编为大家介绍HTML标签语义化(含H5) ,有需要的朋友可以参考一下2013-04-08
- 这篇文章主要介绍了详解HTML5常用的语义化标签的相关资料,需要的朋友可以参考下2019-09-27
- 下面小编就为大家带来一篇浅谈HTML的语义化和一些简单优化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-12
- 下面小编就为大家带来一篇浅谈语义化的HTML结构到底有什么好处。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-05
- 下面小编就为大家带来一篇使用语义化标签去写你的HTML 兼容IE6,7,8。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧2016-04-14
- 前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法。2011-01-25
最新评论