另類的前端頁面不居中，警戒手誤漏掉聲明
jquery博客前端這邊經歷了很多關於頁面居中的問題，通常margin:0 auto;text-align:center;之類的，能搞定。
昨天趕上一個事，很詫異，那些已經固定寬度高度，也沒法居中。
排查了好久，外部樣式死活，無法顯示，無解,firebug也沒看出，慚愧。
在body中寫個style=」margin:0 auto」;能夠搞定了。
不死心，爲嘛，好好的樣式不加載，也沒有引入其餘的樣式。
準備從頭至尾看看，我擦，後端那邊沒有<!DOCTYPE>聲明。
丫的，一加上去，就天然加載樣式了。
尼瑪的，竟然還有這個，各位奮鬥在前端戰線上的親們，留意手誤漏掉的<!DOCTYPE>否則你要悲劇的哦。
順便找點說明<!DOCTYPE>
定義和用法
<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標籤以前。此標籤可告知瀏覽器文檔使用哪一種 HTML 或 XHTML 規範。
該標籤可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。
如下面這個 <!DOCTYPE> 標籤爲例：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Strict//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」></pre>
在上面的聲明中，聲明瞭文檔的根元素是 html，它在公共標識符被定義爲 「-//W3C//DTD XHTML 1.0 Strict//EN」 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。若是找不到，瀏覽器將使用公共標識符後面的 URL 做爲尋找 DTD 的位置。
提示和註釋：
註釋：<!DOCTYPE> 標籤沒有結束標籤！
HTML
HTML 4.01 規定了三種文檔類型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
若是您須要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01//EN」 」
http://www.w3.org/TR/html4/strict.dtd」></pre>
HTML Transitional DTD
Transitional DTD 可包含 W3C 所指望移入樣式表的呈現屬性和元素。若是您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以致於您不得不使用 HTML 的呈現特性時，請使用此類型：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01 Transitional//EN」 」
http://www.w3.org/TR/html4/loose.dtd」></pre>
Frameset DTD
Frameset DTD 應當被用於帶有框架的文檔。除 frameset 元素取代了 body 元素以外，Frameset DTD 等同於 Transitional DTD：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01 Frameset//EN」 」
http://www.w3.org/TR/html4/frameset.dtd」></pre>
XHTML
XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD
若是您須要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Strict//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」></pre>
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所指望移入樣式表的呈現屬性和元素。若是您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以致於您不得不使用 XHTML 的呈現特性時，請使用此類型：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Transitional//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」></pre>
XHTML Frameset DTD
當您但願使用框架時，請使用此 DTD！
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Frameset//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」></pre>
如需檢查你是否編寫了帶有正確 DTD 的合法 XHTML 文檔，您能夠把您的 XHTML 頁面連接到一個 XHTML 驗證器。
轉自 jquery http://www.jqueryba.com/418.html
昨天趕上一個事，很詫異，那些已經固定寬度高度，也沒法居中。
排查了好久，外部樣式死活，無法顯示，無解,firebug也沒看出，慚愧。
在body中寫個style=」margin:0 auto」;能夠搞定了。
不死心，爲嘛，好好的樣式不加載，也沒有引入其餘的樣式。
準備從頭至尾看看，我擦，後端那邊沒有<!DOCTYPE>聲明。
丫的，一加上去，就天然加載樣式了。
尼瑪的，竟然還有這個，各位奮鬥在前端戰線上的親們，留意手誤漏掉的<!DOCTYPE>否則你要悲劇的哦。
順便找點說明<!DOCTYPE>
定義和用法
<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標籤以前。此標籤可告知瀏覽器文檔使用哪一種 HTML 或 XHTML 規範。
該標籤可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。
如下面這個 <!DOCTYPE> 標籤爲例：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Strict//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」></pre>
在上面的聲明中，聲明瞭文檔的根元素是 html，它在公共標識符被定義爲 「-//W3C//DTD XHTML 1.0 Strict//EN」 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。若是找不到，瀏覽器將使用公共標識符後面的 URL 做爲尋找 DTD 的位置。
提示和註釋：
註釋：<!DOCTYPE> 標籤沒有結束標籤！
HTML
HTML 4.01 規定了三種文檔類型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
若是您須要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01//EN」 」
http://www.w3.org/TR/html4/strict.dtd」></pre>
HTML Transitional DTD
Transitional DTD 可包含 W3C 所指望移入樣式表的呈現屬性和元素。若是您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以致於您不得不使用 HTML 的呈現特性時，請使用此類型：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01 Transitional//EN」 」
http://www.w3.org/TR/html4/loose.dtd」></pre>
Frameset DTD
Frameset DTD 應當被用於帶有框架的文檔。除 frameset 元素取代了 body 元素以外，Frameset DTD 等同於 Transitional DTD：
<pre><!DOCTYPE HTML PUBLIC 「-//W3C//DTD HTML 4.01 Frameset//EN」 」
http://www.w3.org/TR/html4/frameset.dtd」></pre>
XHTML
XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD
若是您須要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Strict//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」></pre>
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所指望移入樣式表的呈現屬性和元素。若是您的讀者使用了不支持層疊樣式表（CSS）的瀏覽器以致於您不得不使用 XHTML 的呈現特性時，請使用此類型：
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Transitional//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」></pre>
XHTML Frameset DTD
當您但願使用框架時，請使用此 DTD！
<pre><!DOCTYPE html
PUBLIC 「-//W3C//DTD XHTML 1.0 Frameset//EN」
「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」></pre>
如需檢查你是否編寫了帶有正確 DTD 的合法 XHTML 文檔，您能夠把您的 XHTML 頁面連接到一個 XHTML 驗證器。
轉自 jquery http://www.jqueryba.com/418.html
相關文章
- 1. 【手記】前端頁面中的「居中」
- 2. 警戒 | 警戒，mybatis的size()方法居然有坑！
- 3. 戒不掉
- 4. 手機端網頁自適應聲明
- 5. C++ 類的前向聲明
- 6. C++中類的前置聲明問題
- 7. 警戒ASP.NET MVC中的ValidateInputAttribute
- 8. 頁面居中居中
- 9. c++類前向聲明
- 10. JSP頁面聲明週期
- 更多相關文章...
- • XSL-FO 頁面 - XSL-FO 教程
- • jQuery Mobile 頁面 - jQuery Mobile 教程
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • SpringBoot中properties文件不能自動提示解決方法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 【手記】前端頁面中的「居中」
- 2. 警戒 | 警戒，mybatis的size()方法居然有坑！
- 3. 戒不掉
- 4. 手機端網頁自適應聲明
- 5. C++ 類的前向聲明
- 6. C++中類的前置聲明問題
- 7. 警戒ASP.NET MVC中的ValidateInputAttribute
- 8. 頁面居中居中
- 9. c++類前向聲明
- 10. JSP頁面聲明週期