html5属性值可以忽略引号吗

<blockquote><p>html5属性值可以忽略引号。在html5中，标签中属性值两边的引号是可选的，如果该属性值不包含空格或任何的“"”、“'”、“`”、“=”、“<”、“>”等特殊符号，则其可以保持不带引号的格式。<!--”、“--></p></blockquote> <p><img src="https://img.php.cn/upload/article/202201/18/2022011810542942686.jpg" alt="html5属性值可以忽略引号吗" ></p> <p>本教程操作环境：windows7系统、HTML5版、Dell G3电脑。</p> <p>html5 可以用单引号、双引号、无引号，其标签中属性值两边的引号是可选的。不过习惯上还是会写上。</p> <blockquote> <p>W3C工作草案（2011年1月13日）：</p> <p>该属性值可以保持 不带引号的，如果它不包含空格 或任何的<code>"</code>、<code>'</code>、<code>`</code>、<code>=</code> 、<code><</code>、<code>></code> 等特殊符号</p> </blockquote> <h2><strong>HTML中属性值是否加引号规则详解</strong></h2> <p><span style="font-size: 18px;"><strong>说明：</strong></span></p> <p>当属性值是一个单词或者一整串（中间不含空格）的字符时：可以不加引号</p> <p>当属性值是多个单词或者一整串（中间含空格）的字符时：需要加引号</p> <p><span style="color:#a2e043;"><strong>备注：</strong></span>以上是老师的原话，个人实验发现，具体加不加引号是以是值中否存在空格而定，有空格加引号，没有可以不加【但是为了良好的编程习惯，建议两种情况都加引号】</p> <p><strong><span style="font-size: 18px;">实验：</span></strong></p> <p><strong>情况一：素材名称（名字中没有空格）：</strong></p> <p> 代码①（值带引号）：</p> <pre class="brush:php;toolbar:false"><img src="images/163logo.gif" alt="logo"/></pre> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">正常显示</p> <p>代码②（值不带引号）：</p> <pre class="brush:php;toolbar:false"><img src=images/163logo.gif alt="logo"/></pre> <p> <img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">正常显示</p> <p><strong>情况二：素材名称（名字中有空格）：</strong></p> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-2.png" style="max-width:90%"></p> <p> 代码①（值带引号）：</p> <pre class="brush:php;toolbar:false"><img src="images/163 logo.gif" alt="logo"/></pre> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">正常显示</p> <p>代码②（值不带引号）：</p> <pre class="brush:php;toolbar:false"><img src=images/163 logo.gif alt="logo"/></pre> <p> <img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/f0500214e16d3d9f8377585a2cdaef5a-4.png" style="max-width:90%">图片未找到</p> <p><span style="color:#a2e043;"> 总结：由此可见，值中存在空格，值必须加引号，若值中没有空格，加不加都可以</span></p> <p><span style="font-size: 18px;"><strong>扩展知识：html5一些容易忽略的细节</strong></span></p> <ul style="list-style-type: disc;"> <li><p>在html5中，空元素结尾处的空格和斜杠是可以忽略的。</p></li> <li><p>标签中属性值两边的引号是可选的。不过习惯上还是会写上。</p></li> <li><p>属性的数字值无需输入单位，只需输入数值本身即可。如标签中的height和width等。</p></li> <li><p>标签中有的属性只接受预定义值（也称为枚举值）。一定要用小写字母写枚举值。如input的type。有的属性可以是任意值，如input的Value。</p></li> <li><p>标签中还有一种特殊的布尔属性值。这种属性值是可选的，如果出现就表示为true。如果非要填写值，就填写本身。如hidden="hidden"。</p></li> <li><p>html的命名规范：最好是全部用小写字母，单词之间用 - （短横线）来分割单词，扩展名用.html（虽然也可以用.htm表示html页面）。</p></li> <li><p>标签img中的alt属性作用是如果图片没有加载成功或者只是通过仅文本显示的游览器（极少）访问会显示该文字，屏幕阅读器会朗读该文字（无障碍访问）。</p></li> <li><p>title 标签必须位于head标签的内部，并且位于字符编码meta标签的后面。</p></li> </ul> <p>相关推荐：《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程</a>》</p>

以上是html5属性值可以忽略引号吗的详细内容。更多信息请关注PHP中文网其他相关文章！