a 和 area 元素新增 media 属性，与 link 元素保持一致性

charset的定义

charset就是告诉你文档用什么编码格式。你看XML文件里，设定了charset的话，它的值得是大小写不敏感的ASCII才能配得上UTF-8这个格式。其实XML文档有规定要用UTF-8编码，不管文档来自哪里，用这个编码就能看得懂，乱码啥的就不用担心。

meta属性的限制

别忘了，你在XML里设置meta的charset属性，其实没啥用。这个属性就是为了让XHTML和HTML有个过渡。不过，即使没用，咱们了解了，也能避免犯错，对？

autofocus的便利

用autofocus功能能提升用户体验！比如在登录页，加载完后，它会把焦点自动放在用户名那格，这样大家不用手动点开输入框就能立马输密码，省时又流畅。

placeholder属性的便捷

input跟textarea都有了个新的属性叫placeholder，它能帮你告诉用户该往哪儿输入东西。别忘了在HTML里加上它的值浏览器自然就能明白用户要干嘛。这下子，用不用JavaScript都无所谓咯~

required属性的使用

如果你想让select标签变得更强制，强制要求客户选一个东西，那么你就要给它加上那个属性了，这个属性会告诉浏览器客户必须选一个，不能空着。这样可以帮咱得到更全、更准的数据！

Email:
 

input元素的新属性

input这个东西现在变得更强大！它有几种新的属性可以帮忙限制你输入的东西，就像autocomplete、min、max、multiple、pattern和step这样的。这样一来，input就能更好地帮你把控输入的内容，保证你输入的数据是对的。虽然现在有些浏览器还不支持这些新功能，但是我觉得以后肯定会越来越多的浏览器都能用上的。

autocomplete属性的作用

Color: 
 Choose one
 Red
 Green
 Blue

autocomplete这个属性就是告诉我们，某个输入框需不需要有自动补全的功能。比如，要是你老打重复单词的话，这玩意儿就能帮你省事儿不少，一点儿也不用费劲想词了。它会根据你之前输入的内容给你提供备选答案，这样你就可以更快地把信息填进去！

双击input的提示

 
 
  
  Use Club Card
  
 
Name on card: 
 
Card number: 
 
Expiry date: 

当你点击空白的input框时，它会弹出来很多选项。选好一个标签后，相应的值就能自动填进去！这项功能已经有很多浏览器都能用了，让大家挑东西更轻松，不用自己打字那么麻烦。

总结与互动

    

        
            
            Use Club Card
        
    
    

        
            Name on card:
            
    

        

            
                
                My card has numbers on it
            
        
        

            
                Card number:
                
    
    

        

            
                
                My card has letters on it
            
        
        

            
                Card code:
                
    

通过上文咱们能看出，HTML里的元素是越变越好，都是为了让咱们上网更舒服。比如媒体属性、区域元素添加新功能，还有输入框加入好多新特性什么的。这么多改进都是为了让网页更好用、更懂人心！那你觉得哪个改变最得你心？它们给你的网页使用带来了啥好处？快来评论区聊聊，顺便点个赞分享给大家，让更多人知道这些好玩儿的变化~