Rumah > Artikel > hujung hadapan web > 关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

WBOYasal: 2016-06-21 08:48:391431semak imbas

今天改了一个bootstrap的页面，加入了如下代码，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

然后页面就有问题了，对齐不了，如图所示

去掉之后，改成如下

<!DOCTYPE html><html lang="zh-cn">

即可对齐了，请问这个是啥情况？

回复讨论(解决方案)

show your whole code

这两个文档声明使得浏览器使用了两个不同的方式来解析文档，长的那个是使用xhtml的标准，短的那个使用html5的标准

还是贴一下全部代码吧。
楼上说的那个应该不对你写的这个是HTML5声明的完整写法 nbsp;html>是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml

<!DOCTYPE html><html lang="zh-cn">${pd.SYSNAME}																										
				
																																										
					
				
																																										
					
				
															记住密码					
																
				
																												
																			
																			
						取消 登录					
				
			
												Copyright © FH							2100				
			
		
	
						
			
			
		
			
		<script>		//TOCMAT重启之后 点击左侧列表跳转登录首页 		if (window != top) {			top.location.href = location.href;		}	</script>

完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对你写的这个是HTML5声明的完整写法 nbsp;html>是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml

html5的完整声明写法？html5我貌似只记得有一种写法吧，而且html5的声明会用到xhtml的dtd?

还是贴一下全部代码吧。
楼上说的那个应该不对你写的这个是HTML5声明的完整写法 nbsp;html>是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml

html5的完整声明写法？html5我貌似只记得有一种写法吧，而且html5的声明会用到xhtml的dtd?
你看下我贴的链接也许是我理解错了。

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：解决你的前端面试_html/css_WEB-ITnoseArtikel seterusnya：【二次元的CSS】-- 用 DIV + CSS3 画Hello Kitty（详解步骤）_html/css_WEB-ITnose

Artikel berkaitan

Lihat lagi