《
加深对HTML和CSS标签语义化的理解》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302339312013.htm
假如疏忽标签语义和默认款式,所有标签都用div,实在也是可以写出来视觉后果很好的页面,只有你机动应用CSS。但是那样的话固然视觉上到达了请求,但是全部页面一点语义都没有,加快网站速度的八种方法,搜索引擎仍是看不懂。所以,要记住:
以上这些货色都是WD的工程师阿当讲的,我受益匪浅,加深了对html的理解。HTML 虽然很简略,但是要用好也是很不轻易的。
ol 语义:Ordered List(排序列表)
以前以我对web开发的浅显懂得,认为写一个好的合乎尺度的页面只须要把构造跟表示分别,而后不要应用table,font等标签就行了,至于通篇都是div我也不会感到有什么问题,由于CSS很强盛。然而,所有的标签都是有本人的语义的,下面给出一局部标签的语义:
个别来说,剖析网页设计中的几何圆,所有的标签都会有一个默认的样式,剖析用户价值、创造价值和网站价值三大概念,所以一个简单的判断网页标签语义是否良好的方式就是:去掉样式,看网页结构是否组织良好有序,是否依然有很好的可读性。
ul 语义:Unordered List(不排序列表)
span 语义:Span(范畴)
li 语义:List Item(列表名目)
前两天加入了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感到特别有用,更正了我以前对 HTML 和 CSS 的过错见解。
--> [
网站建设之]加深对HTML和CSS标签语义化的理解
……&hellip,剖析怎么样”伪原创“;…
Tag: 加深 标签 理解 语义
div 语义:Division(分隔)
结构(html)才是重点,样式(css)是用来润饰结构的。所以,要先断定html,肯定标签,再来选用适合的css,前端开发必须知道的CSS(1) CSS Hack。
另外,值得重点提及的是h标签,h标签的语意是题目,搜寻引擎对这个标签比拟敏感,特殊是h1,和h2。一个语义良好的页面,h标签应当是完全有序不断层的。也就是说,要h1,h2,h3,h4这样推下来,不要h1,h3,h4,遗漏h2。一个结构良好的网页,h标签能够组织起一个网页的纲要。
首先阐明的一点是,人可以通过视觉的划分断定内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判定内容的语义。 以前我真的没有怎么器重过搜索引擎,当初开端比较在意了,因为页面的很大一部门流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友爱,所以就要尽可能地使标签语义化。
(责任编辑:网站建设)
加深对HTML和CSS标签语义化的理解相关文章