发表于: 2018-12-06 23:01:50
1 712
今天完成的事:
一. 完成任务12,使用sass重构任务5.
二,学习任务13中涉及到的知识:
1.meta标签中的http-equiv属性使用介绍
<meta> 是html语言head区的一个辅助性标签;
meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言.自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,
name属性:主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是: <metaname="参数"content="具体的参数值">。
其中name属性主要有以下几种参数:
A、Keywords(关键字):用来告诉搜索引擎你网页的关键字是什么。
B、description(网站内容描述) :用来告诉搜索引擎你的网站主要内容。
C、robots(机器人向导):用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
D、author(作者):标注网页的作者
http-equiv属性:http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是: <metahttp-equiv="参数"content="参数变量值">;
其中http-equiv属性主要有以下几种参数:
A、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。 注意:必须使用GMT的时间格式
B、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。 注意:这样设定,访问者将无法脱机浏览。
C、Refresh(刷新)
说明:自动刷新并指向新页面。 注意:其中的2是指停留2秒钟后自动刷新到URL网址
D、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。 注意:必须使用GMT的时间格式。 。
E、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。 注意:用来防止别人在框架里调用自己的页面。
2.什么是css reset (css重置):
在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
CSS Reset的作用:CSS Reset让各个浏览器的CSS样式有一个统一的基准,而实现这一基准最主要的方式就是“清零”
3.什么是css样式分离:
字面上很容易理解,就是把样式分离成一个一个单独的样式,作为最最基本的构成元素。
样式的独立拆分,使得各种效果可以自由组合,这是有别于一个class类覆盖多个CSS属性的做法的
样式的独立拆分,精简的CSS文件,每个样式的重用性可谓发挥到的最大
样式彻底分离的副作用
可以肯定的是,所有样式都要分离显然是不行的,更加可以肯定的是,目前基本上所有的网站的样式的分离都是不够的,远远不够,CSS也是需要架构的,而没有架构这一意识,分离反而会出问题。
明天计划的事:完成任务13
遇到的问题:理论知识看的不太明白,暂时还不太明白任务13该怎么进行。
收获:完成任务12, 完成小课堂ppt制作。
评论