html5属性值可以忽略引号吗

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

html5属性值可以忽略引号吗

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

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

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

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

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

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

说明:

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

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

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

实验:

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

 代码①(值带引号):

logo

登录后复制

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

代码②(值不带引号):

logo

登录后复制

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

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

html5属性值可以忽略引号吗

 代码①(值带引号):

logo

登录后复制

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

代码②(值不带引号):

logo

登录后复制

 html5属性值可以忽略引号吗图片未找到

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

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

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

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

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

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

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

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

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

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

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

以上就是html5属性值可以忽略引号吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2939465.html

(0)
上一篇 2025年3月11日 21:35:11
下一篇 2025年3月11日 21:35:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html5中弹性盒是什么意思

    在html5中,弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式;引入弹性盒布局的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 本教程操作环境:windows7系统、…

    2025年3月11日
    200
  • javascript和html5的区别有哪些

    区别:1、HTML5是一种标记语言,而Javascript是一种动态脚本和解释性编程语言;2、HTML5用于创建基本结构并在网页中显示内容,而Javascript用于定义网页的互动元素;3、和JS相比,HTML5更安全和可扩展等等。 本教程…

    2025年3月11日
    200
  • html5的文档类型声明为什么

    在html5中,文档类型声明是DOCTYPE声明,语法为“”。DOCTYPE声明是一种标准通用标记语言的文档类型声明,通过该声明,浏览器能够了解HTML5文档正在使用的HTML规范。 本教程操作环境:windows7系统、HTML5版、De…

    2025年3月11日
    200
  • 什么是html5的本地存储功能

    在html5中,本地存储是一种让网页可以把键值对存储在用户浏览器客户端的方法。通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 什么是 HTML …

    2025年3月11日
    200
  • html5中焦点是啥属性

    在html5中,焦点是“autofocus”属性,该属性是一个布尔属性,规定当页面加载时input元素应该自动获得焦点;如果使用autofocus属性,则input元素会获得焦点。 本教程操作环境:windows7系统、HTML5版、Del…

    2025年3月11日
    200
  • html5的lang是什么意思

    在html5中,lang全称“language”,意思为“语言”,是一个全局属性,可用于任何的HTML元素;lang属性用于规定元素内容的语言,语法“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在html…

    2025年3月11日
    200
  • html5应遵循哪些规则

    html5应遵循的规则:1、善用DIV来布局;2、将HTML标签和CSS样式表分割开来;3、优化CSS代码;4、优化JS文件,并将其放到页面底部;5、善用标题元素;6、在合适的地方使用合适的HTML标签;7、避免滥用div标签。 本教程操作…

    2025年3月11日
    200
  • marquee是html5新标签吗

    marquee不是html5新标签,它已被弃用,开发人员需要避免使用它。marquee是一个非标准的HTML标签,用于创建滚动文本或图像,可让文本或图像在网页上水平或垂直向下滚动。 本教程操作环境:windows7系统、HTML5版、Del…

    2025年3月11日
    200
  • html5中绘图方法有哪些

    html5中的绘图方法:1、利用canvas画布,它基于像素,提供2D绘制函数,依赖于HTML,通过脚本绘制图案;2、利用SVG矢量图,它提供一系列图形元素,适合静态图片展示,高保证文档查看和打印的应用场景。 本教程操作环境:windows…

    2025年3月11日
    200
  • 语义化是不是html5新特性

    语义化是html5新特性,其作用为:1、让页面能呈现出更好地内容结构、代码结构;2、提升用户体验感;3、有利于SEO;4、让浏览器的爬虫和机器更好地解析;5、便于团队开发和维护。 本教程操作环境:windows7系统、HTML5版、Dell…

    2025年3月11日
    200

发表回复

登录后才能评论