关于验证和语义标签的一些基本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('');
   }
 }