HTML5技术

前端:常见的6种HTML5错误用法 - 前端攻城狮—18(3)

字号+ 作者:H5之家 来源:H5之家 2017-11-06 12:00 我要评论( )

其实只需要这样写: link rel= "stylesheet" href= "css/styles.css" / script src= "js/scripts" / / script 甚至指定字符集的代码都可以省略掉。Mark Pilgrim在Dive into HTML5的语义化一章中作出了解释。 六、fo

其实只需要这样写:

<link rel="stylesheet" href="css/styles.css" /><script src="js/scripts" /></script>

甚至指定字符集的代码都可以省略掉。Mark Pilgrim在Dive into HTML5的语义化一章中作出了解释。

六、form属性的错误使用

HTML5引入了一些form的新属性,以下是一些使用上的注意事项: 
布尔属性 
一些多媒体元素和其他元素也具有布尔属性。这里所说的规则也同样适用。 
有一些新的form属性是布尔型的,意味着它们只要出现在标签中,就保证了相应的行为已经设置。这些属性包括:

坦白的说,我很少看到这样的。以required为例,常见的是下面这种:

<!-- 请不要复制这段代码! 这是错的! --><input type="email" name="email" required="true" /><!-- 另一个错误的例子 --><input type="email" name="email" required="1" />

严格来说,这并没有大碍。浏览器的HTML解析器只要看到required属性出现在标签中,那么它的功能就会被应用。但是如果你反过来写equired=”false”呢?

<!-- 请不要复制这段代码! 这是错的! --><input type="email" name="email" required="false" />

解析器仍然会将required属性视为有效并执行相应的行为,尽管你试着告诉它不要去执行了。这显然不是你想要的。 
有三种有效的方式去使用布尔属性。(后两种只在xthml中有效)

上述例子的正确写法应该是:

<input type="email" name="email" required />

【我有一个前端学习交流QQ群:328058344  如果你在学习前端的过程中遇到什么问题,欢迎来我的QQ群提问,群里每天还会更新一些学习资源。禁止闲聊,非喜勿进。】

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【初学者必读】能让你月薪过万的5大web前端核心技能 - 前端攻城狮—18

    【初学者必读】能让你月薪过万的5大web前端核心技能 - 前端攻城狮—1

    2017-10-29 10:19

  • HTML5须知十件事 - 前端攻城狮—18

    HTML5须知十件事 - 前端攻城狮—18

    2017-10-27 15:18

  • HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏 - 前端攻城狮—18

    HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏 - 前端攻城狮—1

    2017-10-26 14:06

  • HTML5 桌面通知:Notification API - _林鑫

    HTML5 桌面通知:Notification API - _林鑫

    2017-10-23 09:02

网友点评