Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-21 08:48:39
Original
1462 Leute haben es durchsucht

今天改了一个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">
Nach dem Login kopieren


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





去掉之后，改成如下 
<!DOCTYPE html><html lang="zh-cn">
Nach dem Login kopieren


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


回复讨论(解决方案)

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>
Nach dem Login kopieren


完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是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?
你看下我贴的链接 也许是我理解错了。   
Verwandte Etiketten：
关于DOCTYPE 引发的样式问题
Quelle：php.cn
Vorheriger Artikel：解决你的前端面试_html/css_WEB-ITnose Nächster Artikel：【二次元的CSS】-- 用 DIV + CSS3 画Hello Kitty（详解步骤）_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
React.js CSS-Fensterbreite Ich entwickle eine responsive Website mit React. Für das Styling verwende ich CSS-Styleshe...
Aus 2024-03-31 16:31:23
0
1
386
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage