communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-21 08:48:39
original
1463 Les gens l'ont consulté

今天改了一个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">
Copier après la connexion


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





去掉之后，改成如下 
<!DOCTYPE html><html lang="zh-cn">
Copier après la connexion


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


回复讨论(解决方案)

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>
Copier après la connexion


完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是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?
你看下我贴的链接 也许是我理解错了。   
Étiquettes associées：
关于DOCTYPE 引发的样式问题
source：php.cn
Article précédent：解决你的前端面试_html/css_WEB-ITnose Article suivant：【二次元的CSS】-- 用 DIV + CSS3 画Hello Kitty（详解步骤）_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Largeur de la fenêtre CSS React.js Je développe un site Web réactif en utilisant React. Pour le style, j'utilise des feuilles...
Depuis 2024-03-31 16:31:23
0
1
386
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal