美文网首页
前端学习任务四

前端学习任务四

作者: 无目的 | 来源:发表于2016-07-05 15:44 被阅读0次

问答

网页乱码的问题是如何产生的?怎样解决?

网页乱码的问题是如何产生的?

  • 网页文件从写入到展开的四个步骤分别为
    1.我们使用编辑器编写 HTML 文件
    2.保存编写的HTML文件
    3.使用浏览器打开HTML文件
    4.HTML文件在浏览器展示
  • 当我们使用编辑器写HTML文件,在第2步即在保存文件时会把我们写入的文字使用编辑器默认的编码方式进行保存。如使用的是Sublime编辑器,那么默认的编码方式是utf-8。
  • 在第4步浏览器打开网页时,它网页并不知道这个文件是使用什么编码方式,于是自作主张使用了默认解码方式。

怎样解决?

  • 在文件保存的时候要清楚编辑器是用哪种编码方式保存(sublime默认保存方式是utf-8,如果安装了插件也可另存为gbk,其它IDE可以做设置保存格式)。如果文件是保存为utf-8格式,那么一定要在html的 <head>里添加<meta charset="utf-8">,这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了,直接用utf-8去解码。 同理,如果你的文件保存为gbk格式,一定在文件里添加<meta charset="gbk">。

颜色有几种写法,红色,绿色,蓝色,白色,黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?

  • 颜色有三种写法,分别为
    1.最常用的是6位16进制的代码表示法。
    2.rgb(r,g,b)表示,括号中的r,g,b分别用0-255的十进制数或百分比表示红绿蓝。
    3.颜色的关键字表示。
  • 红色,绿色,蓝色,白色,黑色如何表示?
    1.红色:ff0000/rgb(255,0,0)/red
    2.绿色:00ff00/rgb(0,225,0)/green
    3.蓝色:#0000FF/rgb(0,0,225)/blue
    4.白色:#FFFFFF/(225,225,225)White
    5.黑色:#000000/rgb(0,0,0)/Black
  • 透明黑色如何表示? #ccc的颜色, #eee的颜色? #333的颜色?
    1.rgba(0,0,0,0)
    2.#ccc:灰色,银灰或者灰白
    3.#eee:灰色
    4.#333:深灰色

<!doctype html>的作用是什么?

  • 声明文档的解析类型,避免浏览器的怪异模式
    BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
    CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
    如果页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。而使用<!doctype html>,浏览器就会按照W3C的标准解析渲染页面,此时页面就会在浏览器里显示相同。

严格模式和混杂模式指什么?

  • 严格模式: 严格模式是一种将更好的错误检查引入代码中的方法。
    在使用严格模式时,你无法使用隐式声明的变量、将值赋给只读属性或将属性添加到不可扩展的对象等。
  • 混杂模式:是一种向后兼容的解析方法,混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

meta有什么作用,常见的值有哪些?

  • meta标签是html语言中,head区的一个辅助性标签。
  • meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
    1.name属性主要用于描述网页,meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。 
    name属性有:
    A、Keywords(关键字):用来告诉搜索引擎你网页的关键字是什么。   
    B、description(网站内容描述):用来告诉搜索引擎你的网站主要内容
    C、robots(机器人向导):用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
    D、author(作者):标注网页的作者。
    2.http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
    http-equiv的属性有:
    A、Expires(期限):可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
    B、Pragma(cache模式):禁止浏览器从本地计算机的缓存中访问页面内容。C、Refresh(刷新):自动刷新并指向新页面。
    D、Set-Cookie(cookie设定:如果网页过期,那么存盘的cookie将被删除。
    E、Window-target(显示窗口的设定):强制页面在当前窗口以独立页面显示。 
    F、content-Type(显示字符集的设定):设定页面使用的字符集。
  • 答案引用地址

<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?

  • X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。
  • "IE=edge" 表示告知浏览器使用可使用的最高版本的内核渲染页面。
  • chrome=1是谷歌的一个插件:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

常见的浏览器有哪些,什么内核?

  • IE:Trident
  • Mozilla Firefox:Gecko
  • Safari:Webkit
  • Google Chrome:Blink

本教程版权归饥人谷_鬼脚七和饥人谷所有,转载须说明来源

相关文章

  • 前端学习任务四

    问答 网页乱码的问题是如何产生的?怎样解决? 网页乱码的问题是如何产生的? 网页文件从写入到展开的四个步骤分别为1...

  • 前端学习任务十三

    说一说你平时写代码遵守的编码规范 语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了、无...

  • 前端学习任务十二

    什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozill...

  • 前端学习任务五

    问答 样式有几种引入方式? link 和 @import有什么区别? 有四种引入方法:1.link外链式2.@im...

  • 前端学习任务三

    课程任务 注册 GitHub 账号, 把github用户名发送给老师github名字:siminmin(已加入) ...

  • 前端学习任务二

    问答 前端是做什么的?互联网职位有哪些常见的简称(如PM…) 前端是做什么的前端是指利用HTML、CSS、java...

  • 前端学习任务六

    line-height有什么作用? 1、对于文章类文字上下排间隔一般我们对对象设置设置line-height行高属...

  • 前端学习任务七

    有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如...

  • 前端学习任务九

    盒模型包括哪些属性? 盒子模型包括content,margin,border,padding属性。 text-al...

  • 前端学习任务八

    CSS选择器常见的有几种? 全局选择器:例如*{margin:0;padding:0} id选择器:例如#box{...

网友评论

      本文标题:前端学习任务四

      本文链接:https://www.haomeiwen.com/subject/qgocjttx.html