温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html5属性值能忽略引号吗

发布时间:2022-01-18 17:07:44 来源:亿速云 阅读:293 作者:iii 栏目:web开发

这篇文章主要讲解了“html5属性值能忽略引号吗”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5属性值能忽略引号吗”吧!

html5属性值可以忽略引号。在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标签的后面。

感谢各位的阅读,以上就是“html5属性值能忽略引号吗”的内容了,经过本文的学习后,相信大家对html5属性值能忽略引号吗这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI