接下来咱们就来聊聊HTML5里那些超赞的新功能。这些新的东西不只是让网页设计变得更灵活好玩儿，还能给用户带来更好的体验！一起来看看它们都怎么神奇地改变了我们做网页设计这个事儿。

 
Comment: 
 
Post Comment

input和textarea的新增属性dirname

HTML5在input和textarea元素上加了一个叫dirsction的新玩意儿。它可以控制输入框里的文字是左对齐(ltr)还是右对齐(rtl)。当你提交表单的时候，浏览器会自动给你加上这个方向性参数，这样就方便我们做多语言的网页。

comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&comment.dir=rtl&mode=add

自动硬回车换行与新增属性novalidate

HTML5给我们带来了自动换行的便利！只要你敲字超过多少个字符，浏览器就会主动帮你加上回车符。还有一个地方也很实用，那就是新添置的novalidate属性，让表单能在无需验证的前提下轻松提交，对急着先把数据搞定而又不能忽视检查的场景真是太友好了！

  E-mail: 
  

form属性的覆盖

HTML5给input和button元素加了不少新属性，比如formaction、formenctype什么的，这样就能手动修改表格元素的默认设置！这个特性让我们在操作表格时更加随心所欲，想怎么设计就怎么设计！

 
Name: 
 
Essay: 
 

 

 

全局contextmenu属性和菜单的创建

HTML5能让你把元素变成菜单，就是那个点右键就出来的那种，这样就能让网页更加好玩有更多选择！

First name: 

Last name: 





  First name: 

  Last name: 

  

  


  First name: 

  Last name: 

async和defer属性的作用

HTML5的script标签里有俩新玩意儿——async和defer，它们能决定啥时候让咱们的脚本来个动静。Async就像是让脚本飞着来，先跑完自己的任务再说；而defer这个，就会等到整个网页都准备好了才让脚本上场，这样网页加载起来就能又快又好！

 

    
Blah Title Blah
    
Blah blah article blah blah.


    
    
        h1 { color: hotpink; }
        article { border: solid 1px hotpink; }
    
    
Blah Title Blah
    
Blah blah article blah blah.

HTML元素的新属性manifest和icon的关联

HTML突然添了个manifest属性，能连接应用程序缓存清单，挺方便搞离线Web应用的。而且，我们还能用rel属性调整网站图标icon的大小，让网站看起来更协调。

iframe元素的新属性

iframe多了几个新属性，叫sandbox,seamless,还有srcdoc。这个sandbox属性能防止iframe里的脚本乱跑，安全性大大提高；srcdoc属性就厉害，它能把HTML代码直接塞到iframe里面！

总结与提问

关于HTML5，文章里给大家简单介绍了强力新元素和属性，它们让网页设计更有趣，用起来也更爽。那咱们来讨论下吧：你觉得哪个新特性最有意思？记得留言告诉我！别忘了点个赞再转发出去

CACHE MANIFEST
#This is a comment
CACHE #需要缓存的文件
index.html
style.css
NETWORK: #不需要缓存的文件
search.php
login.php
FALLBACK: #资源不可用的情况下，重定向的地址
/api offline.html