另类的前端页面不居中，警戒手误漏掉声明

时间 2019-11-20

标签另类前端页面居中警戒漏掉声明繁體版

原文原文链接

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