W3C从三个方面标准定义Web
- 结构(HTML)
- 表现(CSS)
- 行为(JavaScript)
实现这三者分离,互不干涉。
这三者相互分离的好处?
按照W3C标准,编写网页时应该先考虑结构,之后再结构的基础上添加样式,最后再加上交互行为。HTML用来保存内容和结构,CSS用来控制整个文档的表现。所以相互分离的好处是更好的读取文档内容,更好的后期维护。
语义化与SEO
语义化定义:合理HTML标记以及其特有的属性去格式化文档内容。
通俗点儿讲就是对数据和信息进行处理,使得机器可以理解。
SEO(Search Engine Optimization):是一种方式,利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
为什么要用语义化?
因为语义化的文档有助于提升您的网站对访客的易用性,对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值。
CSS
其实要讲CSS一句两句还真是讲不完呢,这里我就简单说:
CSS英文全称:Cascading Style Sheets,中文全称:层叠样式表
所以笼统的讲CSS就是一种表现形式,对网页进行渲染。
CSS有哪些特点?
- 层叠性
这个特性就是指当一个标签被设置了多个重复的样式时,一个属性会覆盖另外一个属性。 - 继承性
这个特性就是指当子标签没有设置样式时,会继承父标签的样式。 - 优先级
这个特性我用一张表格来解释:(权重计算方法)
如图所示几个规则:
1.权重使用四个数字来衡量(x,x,x,x)
2.继承的权重为(0,0,0,0)
3.元素、伪元素选择器的权重为(0,0,0,1)
4.类、伪类、属性选择器的权重为(0,0,1,0)
5.id选择器的权重为(0,1,0,0)
6.行内样式的权重为(1,0,0,0)
7.!important的权重无限大