語義與DOM操作

關於語義標記和DOM操作有什麼想法？語義與DOM操作

例如，我可以一個字段具有下一個錯誤消息等

<label for="email">Email:</label> 
<input type="email" name="email" id="email"> 
<div class="error" id="email-error">Please enter a valid email address.</div>

其中誤差類將被隱藏，並在與JavaScript錯誤顯示。這顯然需要很少的DOM操作，但它是語義標記嗎？

另一種選擇是離開的錯誤DIV出來，這樣做

var element = $('#email'); 

if($("#EmailError").length==0) { 
    $(element).after('<div class="error" id="email-error">Please enter a valid email address.</div>'); 
}

，只有把它放在如果確實有錯誤。你們都在想什麼？

來源

2013-05-10 Evan

這是主觀的，但通常建議您添加JavaScript的錯誤div（否則，搜索引擎將索引它）。 – bfavaretto 2013-05-10 17:41:07

html5驗證比兩者都具有更多的語義，因爲它在大多數A.T.s中被正式定義和實現 – dandavis 2013-05-10 17:41:32

使用JavaScript添加內容明顯優於錯誤但不可見的內容（這些內容將被搜索引擎和沒有CSS的用戶使用）。

來源

2013-05-10 18:08:25 Quentin

由於dandavis寫道：

<input type="email">

是要走的路。另一方面，如果你想在沒有html5驗證的情況下發出錯誤信號，你應該使用額外的標籤元素而不是div。

<label for="email" class="error">Please enter a valid email</label>.

來源

2013-05-10 17:59:04

語義與DOM操作

回答

相關問題