Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-21 08:48:39
Original
1430 people have browsed it

今天改了一个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">
Copy after login


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





去掉之后，改成如下 
<!DOCTYPE html><html lang="zh-cn">
Copy after login


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


回复讨论(解决方案)

show your whole code

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

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

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



<!DOCTYPE html><html lang="zh-cn">${pd.SYSNAME}	
		
			
				
					
						Logo					
				
				
					
						
														关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose													
					
				
				
					
						
														关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose													
					
				
				
					
						记住密码					
					
											
				
				
									
			
			
				
					Copyright © FH							2100				
			
		
	
	
		
			
			
			
		
			
		<script>		//TOCMAT重启之后 点击左侧列表跳转登录首页 		if (window != top) {			top.location.href = location.href;		}	</script>
Copy after login


完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是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?
你看下我贴的链接 也许是我理解错了。   
Related labels：
关于DOCTYPE 引发的样式问题
source：php.cn
Previous article：解决你的前端面试_html/css_WEB-ITnose Next article：【二次元的CSS】-- 用 DIV + CSS3 画Hello Kitty（详解步骤）_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
React.js CSS window width I'm developing a responsive website using React. For styling I use CSS stylesheets. The re...
From 2024-03-31 16:31:23
0
1
386
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template