<!doctype …/>用於HTML5
[英]<!doctype …/> for HTML5
問題描述
我的網頁中有一些HTML5標簽。 我已經在同一網頁上使用<!DOCTYPE html>了，但是我遇到了一些間距問題。 我已經嘗試過line-height:0px; and vertical-align line-height:0px; and vertical-align也...但是由於這個其他問題而出現...所以我不能使用line-height：0; ...
我試圖將<!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,'abc@gmail.com');SetSelectedCount();EmailBoxLostFocus();" value="abc@gmail.com" 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"> abc@gmail.com </span>
</span>
</div>
</body>
</html>
2 個解決方案
解決方案1
1 2013-02-06 12:05:07
XHTML 1.0 Transitional doctype使許多瀏覽器進入Quirks Mode ，這是一種故意破壞的模式，其中瀏覽器或多或少地模擬了具有許多錯誤和怪異特性的IE滅絕版本，或者進入了Almost Standards Mode ，這是一種破壞程度較小的模式。 使用<!doctype html>會觸發標准模式，因此，如果您的頁面受到它的干擾，那是因為您的頁面依賴於曾經在瀏覽器中常見的錯誤。
說要做什么並不容易。 如果頁面使用XHTML 1.0 Transitional doctype，則最好以這種方式保留它，直到頁面的下一個完整修訂版（重寫）為止。 如果這是一個正在創建的新頁面，則應從一開始就將其設計為在“標准模式”下工作。
請注意，文檔類型的使用（或不存在）與對HTML5新穎性的支持無關。 瀏覽器可以完成HTML5功能。 doctype只是a）一個魔術字符串，它通過復雜的規則選擇瀏覽器模式（主要影響CSS的正確應用方式），以及b）如果使用標記驗證器，則指定要應用的語法規則的工具。
解決方案2
0 2013-02-06 11:15:22
通過添加此內容，您正在更改文檔類型。 請參閱文檔類型上的鏈接
如果實際頁面中存在樣式問題，則應該更改相關的CSS / HTML，如果是這種情況，則應創建一個包含代碼的新問題。
帶iframe的HTML5 Doctype
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.