Home >Web Front-end >HTML Tutorial >关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

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

WBOYOriginal: 2016-06-21 08:48:391447browse

今天改了一个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?
你看下我贴的链接也许是我理解错了。

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

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

See more

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

回复讨论(解决方案)

Related articles