2011-04-08 23 views
3

是否需要在HTML頁面的起始處編寫doctype?例如。 是否需要在網頁的起始處添加HTML文檔類型

如果我用這個文檔類型和在HTML文件中:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<body > 
    <table width="95%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#99FF66"> 
    <tr> 
    <td> 
<form id="login" name="loginForm" action="" method="post">  
      <table align="center" border="0" cellspacing="0"> 

       <tr><td>User Name:</td><td><input class="inputtext" name="username" type="text" id="un"/></td></tr> 
       <tr><td>Password:</td> <td><input class="inputtext" name="password" type="password" id="pwd"/></td> </tr> 

       <tr><td style="padding: 0 0 0 3px"> <input name="Submit" type="submit" class="sbutton" tabindex="4" value="Login" /></td></tr> 
     </table> 
</form> 
</td> 
</tr> 
</table> 

表或形式並不在該中心網頁(水平和垂直)的到來。它只是水平居中。我想要兩個。 如果我刪除了上面的文檔類型,那麼表格將以這兩個軸爲中心。 請告訴我錯在哪裏。

+0

http://www.w3.org/QA/Tips/Doctype – 2011-04-08 12:35:16

回答

3

從技術上說,不,你不需要一個DOCTYPE得到的東西,以顯示在頁面上。但在實踐中,你絕對應該這樣做。

一個DOCTYPE實質上是指示在頁面上的每個元素應當被顯示的協議,其中標籤是有效等等,等等

文檔類型的存在,意味着網絡瀏覽器可以針對該文檔類型來開發,以確保它們正確呈現所有元素。

當文檔類型不存在時,瀏覽器將自行解釋HTML本身(通常稱爲怪癖模式)。儘管大多數現代瀏覽器對此做出了相當好的嘗試(假設html的格式相對良好),但瀏覽器選擇顯示元素的方式仍然存在不一致之處。

簡而言之,使用doctype意味着您可以依靠(大部分)頁面在每個瀏覽器中呈現相同的內容,從而使開發變得更加容易。

-1

是否需要在HTML頁面的起始處編寫doctype?

是的,這是必要的。請參閱DOCTYPE by W3Schools

表格或表格不在頁面的中心(水平和垂直)。

使用CSS指定頁面中元素的位置。

+1

更好的是,請參閱[真實交易](http://www.w3.org/QA/Tips/Doctype)。 – BoltClock 2011-04-08 12:41:24

+0

是的,@ BoltClock的鏈接是更好的建議,但我想以非常簡單的方式向您提供答案。 – ServAce85 2011-04-08 12:43:17

+0

@ ServAce85從技術上講,在HTML頁面的起始處沒有必要編寫doctype,爲了保持跨瀏覽器的一致性,建議添加doctype以保持一致性。請在響應時清楚,因爲用戶可能認爲網頁不會使用doctype進行渲染。 – Nitish 2017-03-11 22:13:28

2

因爲沒有文檔類型,瀏覽器會進入quirks mode,它不會像在多種瀏覽器中使用doctype一樣呈現您的佈局,特別是Internet Explorer 。

歷史的完整破敗和呈現差異可以found at QuirksMode

0

DOCTYPE標籤講述了marckup的至極版本的瀏覽器(在這種情況下,XHTML 1.0過渡)被寫入文件。

所以正確的方法是使用它,然後在DOCTYPE指示的dtd之後寫下文檔。

我建議檢查有效文檔類型(http://www.w3.org/QA/2002/04/valid-dtd-list.html)和驗證您的文檔之後(http://validator.w3.org/)。

要放置在文檔上的表,你可以使用CSShttp://www.w3.org/Style/CSS/),你也可以驗證CSShttp://jigsaw.w3.org/css-validator/)。

希望它能幫助:)