前端基础问题

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

网页乱码主要是因为浏览器对HTML网页的编码解释错误,HTML文件保存的编码与浏览器解释的编码不一致造成的。(一般多为中文)
解决办法为:在HTML文件的head中添加<meta charset="编码">

颜色有几种写法

  1. 英文单词写法
    语法为:color:red、color:blue

  2. 十六进制数字写法
    以16进制代码表示,一般以“#”号开头,后面分别为R、G、B的16位进制数。 FF为最大数,代表十进制255。比如白色是R、G、B三个颜色最大,在网页代码便是:#FFFFFF。黑色是三个颜色为0,在网页代码便是#000000

  3. RGB写法
    RGB的取值都是0~255
    分别指定R/G/B,也就是红/绿/蓝三种原色的强度,通常规定,每一种颜色强度最低为 0,最高为255。语法为:rgb(127,127,127)

  4. RGBA和HSLA颜色写法(CSS 3支持)
    RGBA为RGB颜色+Alpha空间,提供了使用透明色的通道。
    语法为:rgba(255,0,0,0.5)
    HSL为即色相、饱和度、亮度(英语:Hue, Saturation, Lightness)。语法为:hsla(120,100%,50%,0.3)

doctype html 的作用是什么

DOCTYPE是一种生命,必须放在每一个XHTML文档最顶部,在所有代码和标识之上。在网页中告诉浏览器此篇文档的标识,浏览器自动切换到恰当的呈现模式,以便正确显示由doctype声明所指定的文档种类。

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

  • 严格模式应该也称为标准模式,严格按照标准执行代码,使浏览器根据规范呈现页面,排版和js运作模式是以浏览器最高规范来运行。

  • 混杂模式也被称为怪异模式,是一种比较宽松的向后兼容的模式,混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作。各个浏览器解析代码的方式不同,所以称为混杂模式,doctype不存在或格式不正确会导致文档以混杂模式呈现。

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

meta标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值是content,content中的内容就是各个参数的变量值。

一、http-equiv属性

1.Expires:用于设定网页的到期时间。网页一旦到期,必须从服务器接收数据。
<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">

2.Pragma:cache模式-用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从cache中再调出,从而无法脱机浏览
<meta http-equiv="Pragma" content="no-cache">

3.Set-Cookie:cookie设定-如果网页过期,那么存盘中的cookie将被删除
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">
4.Refresh:刷新机制-表示自动刷新并指向新页面
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
2指的是2秒后自动刷新到新的URL网址。

5.Window-target:显示窗口的设定-强制页面在当前窗口以独立页面显示,防止别人在框架里调用自己的页面
<meta http-equiv="Window-target" content="_top">

6.content-Type:设定页面使用的字符集
<meta http-equiv="content-Type" content="text/html; charset=gb2312">

7.Pics-label:网页等级评定,在IE的Internet选项中可以设置来防止浏览一些受限制的网站,网站的限制级别就是通过这个属性来设置的
<meta http-equiv="Pics-label" contect="">

8.cache-control:清除缓存,再次访问这个网站要重新下载
<meta http-equiv="cache-control" content="no-cache">

9.Access-Control-Allow-Origin:跨域请求
<meta http-equiv="Access-Control-Allow-Origin" content="*">
允许跨域访问

10.content-language:显示语言的设定
<meta http-equiv="Content-Language"content="zh-cn"/>

11.imagetoolbar:指定是否显示图片工具栏,false表示不显示
<meta http-equiv="imagetoolbar"content="false"/>

12.Content-Script-Type:W3C网页指定页面中的脚本的类型:
<meta http-equiv="Content-Script-Type"Content="text/javascript">

二、name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
1.keywords:设置关键字,给搜索引擎用的
<meta name="keywords" content="keyword1,keyword2,keyword3">

2.description:页面描述
<meta name="description" content="This is my page">

3.robots:用于告诉搜索机器人哪些页面需要索引,哪些页面不用
<meta name="robots"content="none">
content的参数有all(文件将被检索,且页面上的链接可以被查询),none(文件将不被检索,且页面上的链接不可以被查询),index(文件将被检索),noindex(文件将不被检索,但页面上的链接可以被查询),follow(页面上的链接可以被查询),nofollow(文件将被检索,但页面上的链接不可以被查询)。默认是all。

4.author:标注网页的作者
<meta name="author"content="root,root@xxxx.com">

5.generator:说明网站采用什么软件做的
<meta name="generator"content="信息参数"/>

6.copyright:网站版权信息
<meta name="copyright" content="信息参数">

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

  1. Internet Explorer浏览器
    内核为Trident,沿用到现在的IE8.

  2. Chrome 浏览器
    内核为WebKit

  3. Firefox火狐浏览器
    内核为Gecko

  4. Safari浏览器
    内核为WebKit

  5. Opera浏览器
    内核为Presto

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,997评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,603评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,359评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,309评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,346评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,258评论 1 300
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,122评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,970评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,403评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,596评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,769评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,464评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,075评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,705评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,848评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,831评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,678评论 2 354

推荐阅读更多精彩内容

  • Doctype作用?标准模式与兼容模式各有什么区别? (1)声明位于位于HTML文档中的第一行,处于 标签之前。...
    MrThorn阅读 607评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,654评论 18 139
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 2,204评论 1 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,751评论 1 92
  • 刚入坑不久,给大家分享一下我的手账用品有哪些?(づ˘ﻬ˘)づ~~~ 大家想看手账拼贴的话往期的内容就有,小白一枚,...
    寂忆念阅读 325评论 0 1