html5属性值可以忽略引号吗

青灯夜游
发布: 2022-01-18 11:02:19
原创
3405人浏览过
html5属性值可以忽略引号。在html5中,标签中属性值两边的引号是可选的,如果该属性值不包含空格或任何的“"”、“'”、“`”、“=”、“”等特殊符号,则其可以保持不带引号的格式。

html5属性值可以忽略引号吗

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

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

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

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

立即学习前端免费学习笔记(深入)”;

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

说明:

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

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

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

实验:

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

 代码①(值带引号):

@@##@@
登录后复制
登录后复制
登录后复制
登录后复制

html5属性值可以忽略引号吗正常显示

代码②(值不带引号):

@@##@@
登录后复制
登录后复制
登录后复制
登录后复制

 正常显示

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

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属性值可以忽略引号吗的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号