社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > 关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

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

WBOY
发布： 2016-06-21 08:48:39
原创
1452 人浏览过

今天改了一个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声明的完整写法 是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>
登录后复制


完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是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?
你看下我贴的链接 也许是我理解错了。   
相关标签：
关于DOCTYPE 引发的样式问题
来源：php.cn
上一篇：解决你的前端面试_html/css_WEB-ITnose 下一篇：【二次元的CSS】-- 用 DIV + CSS3 画Hello Kitty（详解步骤）_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
React.js CSS 窗口宽度 我正在使用React开发一个响应式网站。对于样式，我使用CSS样式表。响应部分是使用@media查询在CSS中实现的。问题是，当我使用Chrome时，元素显得更大，布局就像我从较小...
来自于 2024-03-31 16:31:23
0
1
386
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板