javascript - 关于验证和语义标签的一些基本 HTML5 问题

Question

1

<div id="header"></div>

可以替换为

<header></header>

在 HTML5 中。但是除了更好的可读性之外，还有其他理由使用它吗？

2

<input type="text"   
   name="username"   
   id="username"  
   placeholder="4 <> 10"  
   pattern="[A-Za-z]{4,10}"  
   autofocus  
   required>  

当放置在表单中时，这将导致一些验证。有什么方法可以检查生成的 javascript 类型吗？你能修改它吗？

谢谢

Answer 1

1）是的，它在语义上更正确。搜索引擎已经根据其语义解释 HTML5 标签。因此，改善 SEO。

2）类似的东西。您可以使用setCustomValidity更改消息：

 function check(input) {
   if (input.value == "good") {
     input.setCustomValidity('"' + input.value + '" is not a feeling.');
   } else {
     input.setCustomValidity('');
   }
 }