江离书生

vuePress-theme-reco 史博辉    2024
江离书生 江离书生

Choose mode

  • dark
  • auto
  • light
主页
分类
  • html
  • java
  • 日常生活
  • markdown
  • mysql
  • nvm
  • pnpm
  • 常见问题
  • vue3
标签
时间轴
author-avatar

史博辉

51

文章

9

标签

主页
分类
  • html
  • java
  • 日常生活
  • markdown
  • mysql
  • nvm
  • pnpm
  • 常见问题
  • vue3
标签
时间轴
  • HTML

    • HTML5 简介

      • HTML5 简介
      • HTML 历史与 HTML5
      • HTML 发展历史
      • HTML 4.01 和 XHTML
      • HTML 和 XHTML 的文档类型定义(DTD)
      • 从 XHTML 到 HTML5
      • HTML5 的优势
      • 解决跨浏览器问题
      • 部分代替了原来的 JavaScript
      • 更明确的语义支持
      • 增强了 Web 应用程序的功能
      • HTML5 的基本结构和语法变化
      • HTML5 的基本结构
      • 标签不再区分大小写
      • 元素可以省略结束标签
      • 支持 boolean 值的属性
      • 允许属性值不使用引号
      • 小结
    • HTML5 的常用元素与属性

    • HTML5 表单相关的元素和属性

    • HTML5 的绘图支持

    • HTML5 的多媒体支持

    • 级联样式单与 CSS 选择器

    • 字体与文本相关属性

    • 背景、边框和边距相关属性

    • 大小、定位、轮廓相关属性

    • 盒模型与布局相关属性

    • 表格、列表相关属性及 media query

    • 变形与动画相关属性

    • JavaScript 语法详解

    • DOM 编程详解

    • 事件处理机制

    • 本地存储与离线应用

    • 文件支持与二进制数据

    • Web Worker 多线程 API

    • 客户端通信

    • HTML5 疯狂俄罗斯方块

允许属性值不使用引号

vuePress-theme-reco 史博辉    2024

允许属性值不使用引号

史博辉 2022-10-17 01:09:00 html

传统的 XHTML 按 XML 规范对属性值进行要求,要求所有得属性值都必须用引号引起来,但 HTML5 允许直接给出属性值,即使不放在引号中也是正确的。

例如,下面页面中各属性值都没有放在引号中,而是直接为属性设置了属性值。

<!DOCTYPE html>
<html>
    <head>
        <title>new document</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <img src=a.gif alt=测试><br>
        <select size="4">
            <option value=java>疯狂 Java 讲义</option>
            <option selected value=ee>轻量级 Java EE 企业应用实战</option>
        </select>
    </body>
</html>

需要说明的是,如果某个属性的属性值包含空格等容易引起浏览器混淆的属性值,那么 HTML5 依然建议使用引号把这种特殊的属性值引起来。假如我们在 my images 目录下存有一张 android.png 图片,如果直接在 HTML 页面中使用如下代码来定义图片:

<img alt=android src=my images/android.png />

上面代码很容易导致浏览器误解,浏览器会误以为 src 属性值就是 my,这样程序将无法解析到真正的 android.png 图片,此时应该把该页面代码改为如下形式:

<img alt=android src="my images/android.png" />