前端07班 王
各位晚上好！虽然已经是深夜了，但是学习前端开发的梦不能停止，希望随着深夜，我的前端梦也越来越深沉......
呵呵，开了个玩笑，学习只有主动才会进步，机会从来都不会垂青睡觉的人哦。
好了，开始今天的正题了。
其实也没有打算写些什么，于是就想凭着自己的记忆，把若愚老师上周天课上讲的知识点简单回顾一下，正所谓：“温故而知新，可以为师矣！”
记得老师讲了一下html常见结构，如
<html> html开始标签
<head>
<title>html文档标题</title>
</head>
<body>
html文档内容....
</body>
</html>
；然后讲了一下严格模式与混合模式，或者与怪异模式的区别，具体是，1. 浏览器模式
当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。
Mozilla和Safari还有第三种模式，称为”几乎标准的模式（almost standards mode）”，除了在处理表格的方式上有一些细微的差异之外，这种模式与标准模式相同。
在Firefox中，可以使用Web Developer Extension查看页面的呈现模式。如果网站以标准模式呈现，工具栏上会显示一个绿色的钩；若以混杂模式呈现，则显于红色的叉。IE 8中的开发工具也显示浏览器使用的模式。
差异：
对于这两种模式之间的差异，最显著的一个例子与Windows上IE专有的盒模型有关。在IE 6出现时，在标准模式中使用的是正确的盒模型，在混杂模式中使用的则是老式的专有盒模型。为了维持对IE 5和更低版本的向后兼容性，Opera 7和更高版本也在混杂模式中使用有缺点的IE盒模型。
呈现方面的其他差异比较小，而且是与特定浏览器相关的，包括对于十六进制颜色值不需要#号、假设CSS中没有指定单位的长度的单位是像素，以及在使用关键字时将字号增加一级。
如何触发这两种模式:
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
根据DOCTYPE是否存在选择呈现模式，被称为DOCTYPE切换或DOCTYPE侦测。并非所有浏览器都采用这些规则，但是这些规则很好地说明了DOCTYPE切换的工作方式。
DOCTYPE切换是浏览器用来区分遗留文档和符合标准的文档的手段。无论是否编写了有效的CSS，如果选择了错误的DOCTYPE，那么页面就将以混杂模式呈现，其行为就可能会有错误或不可预测。因此，一定要在站点的每个页面上包含形式完整的DOCTYPE声明，并且在使用HTML时选择严格的DTD。
<pre>
<ol>
<li><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"</li>
<li> "http://www.w3.org/TR/html4/strict.dtd"></li>
<li><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"</li>
<li> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></li>
<li><!DOCTYPE html></li>
</ol>
</pre>
许多HTML编辑器会自动添加DOCTYPE声明。如果创建XHTML文档，一些老的编辑器还可能在DOCTYPE声明前面添加XML声明：
<?xml version="1.0" encoding="utf-8"?>
XML声明是XML文件使用的可选声明，它定义使用的XML版本和字符编码类型等设置。不幸的是，如果DOCTYPE声明不是页面上的第一个元素，那么IE 6会自动切换到混杂模式。这个问题在IE 7中已经纠正了，但是除非要将页面用做XML文档，否则最好避免使用XML声明。
紧接着，老师又讲了一下HTML+CSS的内联样式，外链样式，行间样式，@important等，src与href的区别，div，p，h1等常用标签的简单用法，js的简单使用，以及在chrom浏览器调试的简单使用方法，em和rem，px单位的区别，网页默认最小字体12px等，当然，还有其他一些小的知识点，这里不再过多赘述哦。
呵呵，虽然今晚的博客写得比较简单，大概，随便，但是，我觉得，只要把知识形成自己的一张蜘蛛网，学习前端就会顺手拈来。
希望所有致力于前端开发的小伙伴们能够脚踏实地，从点滴做起，跟着老师的步伐越走越稳，好了，今晚的博客分享到此结束，谢谢。
网友评论