html属性值可以不用引号吗,实例验证

html属性值可以不用引号

HTML元素的属性值可以不适用引号来包裹,浏览器一样可以将其进行渲染。不过,如果这样写HTML的代码的话,属性与属性值之间需要用空格来进行隔开,避免后面的属性变成前面属性的属性值。

提示:虽然如此,但是还是建议使用引号来写HTML的代码,个人感觉这样更规范,更便于阅读和对代码的维护、管理。

html属性值不加引号实例代码,及在线编辑器

下方的实例中,编写了两个链接的a元素,并添加多个属性和属性值,且都不使用引号,其中一个使用空格隔开属性值,一个未使用,运行一下看看效果如何:

html 复制代码
<a href=https://www.x1y1z1.com/ style=color:green target=_blank>笨鸟工具网站首页,使用空格隔开,点击可打开本站首页,功能与加引号一样</a>
<br>
<a href=https://www.x1y1z1.com/style=color:green>笨鸟工具网站首页,未使用空格,看看文字是否为绿色,看看链接是否还指向首页?</a>

原文:html属性值可以不用引号吗,实例验证

免责声明:内容仅供参考。

相关推荐
明里人2 分钟前
迈向前端 Leader - 落地前端监控
前端·性能优化·监控
橘右溪21 分钟前
常见的前端安全问题
前端·安全
敖云岚22 分钟前
【前端三剑客】万字总结JavaScript
开发语言·前端·javascript
束尘1 小时前
react实现虚拟列表
前端·javascript·react.js
ZoeLandia1 小时前
vue3源码分析 -- reactive
前端·vue·源码
编码七号1 小时前
【react】工程项目中的通过自定义Hook进行路由设计以及路由鉴权
前端·javascript·react.js
前端小鸡1 小时前
react复习笔记一
前端·笔记·react.js
Moment1 小时前
重新前端工程化:想了解前端工程化,PNPM 你可不能落下 😎😎😎
前端·javascript·node.js
陈大爷(有低保)1 小时前
若依前端框架增删改查
前端·vue.js·elementui
Gazer_S1 小时前
【Axios 开发中的代理配置陷阱与解决方案】
前端·javascript·vue.js