码迷,mamicode.com
首页 > 其他好文 > 详细

前端基础知识积累

时间:2015-07-07 00:48:59      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

一、<!DOCTYPE html>

一般".html"文件需要经过浏览器的渲染引擎解析渲染才能正确的显示给用户。

浏览器是怎样工作的:渲染引擎,HTML解析 http://ued.ctrip.com/blog/?p=3295)

而浏览器都有两种解析渲染模式:怪异模式和严格模式(标准模式)

  BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
  CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

基础知识了解:

  1. 之前的页面是没有<!DOCTYPT html>的(未标准化之前),因此没有<!DOCTYPT html>的页面是在怪异模式下渲染的。
  2. 反过来说,如果web开发人员加入的doctype声明,说明他知道他所要做的事情,而大部分的doctype会开启严格模式(标准模式),页面也会按照标准来渲染。
  3. 任何新的或者未知的doctype都会开启严格模式(标准模式)。
  4. 每个浏览器都有自己的方式来激活怪异模式。你可以看看这个清单:http://hsivonen.iki.fi/doctype/

代码获取解析方式:

1 mode=document.compatMode;

<!DOCTYPE html>的作用: 

  这个声明属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么浏览器的解析渲染模式(compatMode)默认就是怪异模式(BackCompat),这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

2、<html lang = "en">

  <html lang="en">向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english。如果你的页面是中文页面,可将其改为<html lang="zh">,zh即表示中文。

  这个设置主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对html页面本身不会有影响。这些现在都是html规范,页面越规范,就越容易被收录!

 

前端基础知识积累

标签:

原文地址:http://www.cnblogs.com/zxjwlh/p/4625748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!