<！doctype .... /> for HTML5

我的網頁有一些HTML5標籤。我使用<!DOCTYPE html>爲同一個網頁...但我正面臨一些間距問題。我曾嘗試line-height:0px; and vertical-align也......但這時一些其他的問題，開闢了......所以我不能使用的line-height：0; ...<！doctype .... /> for HTML5

我曾試圖改變<!DOCTYPE html>到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

通過這一切問題都得到解決和工作的罰款..：）...

我只是想知道它是否是添加

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"

在HTML5頁面

正確的方式......它會工作與否。 ...或者是我的HTML4標記任何其他方式....

謝謝...

編輯....

下面是一些代碼..好心將其保存爲HTML格式再看看......並與"<!DOCTYPE html" only嘗試......你會發現區別...

<!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" > 
<head> 
    <title>Untitled Page</title> 
    <style type="text/css"> 

.sharecon { 
    border-bottom: 1px solid #E6E6E6; 
    float: left; 
    padding: 3px 0 6px; 
    width: 100%; 
    font-family:Arial; font-size:12px; 
} 
.dvleft { 
    float: left; 
} 
.mleft5 { 
    margin-left: 5px; 
} 
.text11 { 
    color: #000000; 
    font-size: 11px; 
} 
strong { 
    font-weight: bold; 
} 
    </style> 
</head> 
<body> 

<div class="sharecon"> 
<span class="dvleft mleft5"> 
<input id="abc123" type="checkbox" onclick="javascript:EmailBoxGetFocus();CheckUncheck(this,'[email protected]');SetSelectedCount();EmailBoxLostFocus();" value="[email protected]" name="dlstContacts$ctl00$checkBoxSpn"> 
</span> 
<span class="dvleft mleft15" style="margin-left:4px; margin:2px;"> 
<strong class="text11" style="line-height: 12px">ABC Name</strong> 
<br> 
<span class="light_text11" style="line-height:12px;display:inline"> [email protected] </span> 
</span> 
</div> 

</body> 
</html>

來源

2013-02-06 Gaurav

請定義*「一些間距問題」* – Oleg

您可能會更好地發佈引起問題的HTML，然後嘗試使用舊的doctype修復它。 – Sirko

'line-height：0px'不是解決方案 –

通過增加這個你正在改變的doctype。見link on Doc Types

你應該看看，如果你擁有的是實際的頁面中的造型問題，改變相關的CSS/HTML，你應該創建一個新的問題，包括代碼，如果是這樣的話

來源

2013-02-06 11:15:22 StuartM

[典型的w3schools]（http://w3fools.com）恐怕。關於DOCTYPE真正重要的一件事，即它是否引起怪癖，幾乎是標準模式或標準模式，是頁面根本沒有提及的一件事。對於OP的問題，幾乎標準模式（XHTML 1.0 Transitional）和標準模式（HTML5）的瀏覽器行爲有所不同， – Alohci

的XHTML 1.0過渡的doctype放許多瀏覽器分爲Quirks Mode，這意味着瀏覽器或多或少地模仿IE的滅絕版本，有許多錯誤和怪異的故意破壞模式，或者是一種破壞程度較低的Almost Standards Mode。使用<!doctype html>會觸發標準模式，因此如果您的頁面受到干擾，那麼這是因爲您的頁面依賴於瀏覽器中常見的錯誤。

要說怎麼做並不容易。如果頁面與XHTML 1.0 Transitional文檔類型一起使用，那麼最好不要這樣，直到下一次完整版本（重寫）爲止。如果這是一個新的頁面被創建，它應該被設計爲從標準模式開始工作。

注意doctype的使用（或缺少）與支持HTML5新奇事物無關。瀏覽器可以處理HTML5功能。 doctype只是一個神奇的字符串，它通過複雜的規則選擇瀏覽器模式（主要影響CSS應用的正確程度），以及b）用於指定要應用的語法規則的工具（如果使用標記驗證程序）。

來源

2013-02-06 12:05:07

<！doctype .... /> for HTML5

回答

相關問題