html5属性值可以忽略引号吗

发布时间:2022-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5属性值可以忽略引号吗脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

htML5属性值可以忽略引号。在html5中,标签中属性值两边的引号是可选的,如果该属性值不包含空格或任何的“"”、“&#39;”、“`”、“=”、“<”、“>”等特殊符号,则其可以保持不带引号的格式。

html5属性值可以忽略引号吗

本教程操作环境:windows7系统、HTML5版、Dell G3脑。

html5 可以用单引号、双引号、无引号,其标签中属性值两边的引号是可选的。不过习惯上还是会写上。

W3C工作草案(2011年1月13日):

该属性值可以保持 不带引号的,如果它不包含空格 或任何的"'`=<> 等特殊符号

HTML中属性值是否加引号规则详解

说明:

当属性值是一个单词或者一整串(中间不含空格)的字符时:可以不加引号

当属性值是多个单词或者一整串(中间含空格)的字符时:需要加引号

备注:以上是老师的原话,个人实验发现,具体加不加引号是以是值中否存在空格而定,有空格加引号,没有可以不加【但是为了良好的编程习惯,建议两种情况都加引号】

实验:

情况一:素材名称(名字中没有空格):

代码①(值带引号):

<img src="images/163LOGo.gif" alt="logo"/>

html5属性值可以忽略引号吗

正常显示

代码②(值不带引号):

<img src=images/163logo.gif alt="logo"/>

html5属性值可以忽略引号吗

正常显示

情况二:素材名称(名字中有空格):

html5属性值可以忽略引号吗

代码①(值带引号):

<img src="images/163 logo.gif" alt="logo"/>

html5属性值可以忽略引号吗

正常显示

代码②(值不带引号):

<img src=images/163 logo.gif alt="logo"/>

html5属性值可以忽略引号吗

图片未找到

总结:由此可见,值中存在空格,值必须加引号,若值中没有空格,加不加都可以

扩展知识:html5一些容易忽略的细节

  • 在html5中,空元素结尾处的空格和斜杠是可以忽略的。

  • 标签中属性值两边的引号是可选的。不过习惯上还是会写上。

  • 属性的数字值无需输入单位,只需输入数值本身即可。如标签中的height和width等。

  • 标签中有的属性只接受预定义值(也称为枚举值)。一定要用小写字母写枚举值。如input的tyPE。有的属性可以是任意值,如input的Value。

  • 标签中还有一种特殊的布尔属性值。这种属性值是可选的,如果出现就表示为true。如果非要填写值,就填写本身。如hidden="hidden"。

  • html的命名规范:最好是全部用小写字母,单词之间用 - (短横线)来分割单词,扩展名用.html(虽然也可以用.htm表示html页面)。

  • 标签img中的alt属性作用是如果图片没有加载成功或者只是通过仅文本显示的游览器(极少)访问会显示该文字,屏幕阅读器朗读该文字(无障碍访问)。

  • tITle 标签必须位于head标签的内部,并且位于字符编码meta标签的后面。

相关推荐:《html视频教程》

以上就是html5属性值可以忽略引号吗的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的html5属性值可以忽略引号吗全部内容,希望文章能够帮你解决html5属性值可以忽略引号吗所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。