前端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等，當然，還有其他一些小的知識點，這里不再過多贅述哦。
呵呵，雖然今晚的博客寫得比較簡單，大概，隨便，但是，我覺得，只要把知識形成自己的一張蜘蛛網，學習前端就會順手拈來。
希望所有致力于前端開發的小伙伴們能夠腳踏實地，從點滴做起，跟著老師的步伐越走越穩，好了，今晚的博客分享到此結束，謝謝。
