小型 Web HTML 规范

这是一个关于 HTML 元素(标签)及其属性的提议规范。
目标是融合新旧 HTML 版本的优点:一种适用于轻量级或旧浏览器以及新浏览器的简单语法,并尊重可访问性。

起源

此规范子集受 W3C 先前工作(XHTML Basic)启发。XHTML Basic 文档类型包含成为 XHTML 宿主语言文档类型所需的最小模块集,此外还包括图像、表单、基本表格和对象支持。它专为不支持全套 XHTML 功能的 Web 客户端设计,如手机、PDA、寻呼机和机顶盒。该文档类型对于内容创作来说足够丰富。为了更好的兼容性,在 smolwebsites 的文档类型中指定 XHTML Basic 1.1 DTD 不是一个好主意。一些已弃用的标签(accronym、big、tt)已从该列表中删除。对象和 param 标签已被禁止,以避免包含特定代码,如 Java 小程序。根据指南,在较新的 HTML 版本中发布的语义标签已被添加,以提供更好的可访问性。

HTML 元素

  • 结构子集:将 HTML 代码分为不同结构,在 HTML 页面中始终有且仅有一个出现。

    • <html>:HTML 文档的根或顶级元素。
    • <head>:关于文档的机器可读信息(元数据)。
    • <title>:文档在浏览器标题栏或标签名称中显示的标题。
    • <body>:HTML 文档的内容。
  • 语义子集:识别文档主体中的不同部分或区域。

    • <header>:介绍性内容。
    • <footer>:最近的祖先分区内容的页脚。
    • <main>:文档的主要内容。
    • <nav>:提供导航链接的页面部分。
    • <section>:文档的通用独立部分。
    • <article>:文档中的独立组成部分(可分发或可重用)。
    • <aside>:与文档主要内容间接相关的部分。
    • <details>:其中信息不直接可见的披露小部件。
    • <summary>:在<details>元素内部,总结其内容。
    • <figure>:自包含内容,可能带有可选标题。
    • <figcaption>:描述其父<figure>元素其余内容的标题或图例。
    • <data>:具有机器可读翻译的给定内容。
  • 文本子集:定义文档中的内容级别或类型。

    • <abbr>:缩写或首字母缩略词。
    • <address>:个人或组织的联系信息。
    • <blockquote>:扩展引用。
    • <br>:文本中的换行。
    • <cite>:标记引用的创意作品的标题。
    • <code>:一小段计算机代码。
    • <dfn>:定义短语或句子中的定义术语。
    • <div>:通用的流式内容容器。
    • <em>:具有强调重点的文本。
    • <h1>-<h6>:不同级别的标题。
    • <kbd>:表示键盘输入的内联文本。
    • <p>:段落。
    • <pre>:预格式化文本,应按原样呈现。
    • <q>:短内联引用。
    • <samp>:计算机程序的内联样本(或引用)输出。
    • <span>:通用的内联短语内容容器。
    • <strong>:具有重要性、严肃性或紧迫性的内容。
    • <var>:数学表达式或编程上下文中的变量名称。
  • 超文本子集:与其他 Web 资源链接。

    • <a>:到网页、文件、电子邮件地址、位置等的超链接或链接目标。
  • 列表子集:以列表形式表示内容,如项目符号列表或有序列表。

    • <dl>:描述列表。
    • <dt>:描述列表中的术语。
    • <dd>:前面<dt>的描述、定义或值。
    • <ol>:有序列表。
    • <ul>:无序列表(项目符号列表)。
    • <li>:列表中的项目。
  • 表单子集:允许用户在文档中输入或修改数据字段并提交到服务器。

    • <button>:由用户激活的执行操作的交互式元素。
    • <fieldset><form>中的一组控件。
    • <form>:包含提交信息的交互式控件的文档部分。
    • <input>:接受用户数据的交互式控件。
    • <label>:项目的标题。
    • <legend>:其父<fieldset>内容的标题。
    • <select>:提供选项菜单的控件。
    • <optgroup><select>中的选项分组。
    • <option><select><optgroup>中的项目。
    • <textarea>:多行纯文本编辑控件。
  • 基本表格子集:表示表格数据(类似电子表格概念)。

    • <caption><table>的标题。
    • <table>:二维表格数据。
    • <td>:包含数据的<table>单元格。
    • <th>:作为一组<table>单元格标题的单元格。
    • <tr><table>中的一行单元格。
  • 媒体子集

    • <audio>:将音频序列嵌入文档的元素。
    • <img>:将图像嵌入文档的元素。
    • <source>:嵌套在音频或视频元素中以提供多种格式。
    • <video>:将视频序列嵌入文档的元素。
  • 表示子集:历史上用于设置内容样式,现在具有更语义化的作用。

    • <b>:需要读者注意的内容。
    • <hr>:段落级元素之间的主题分隔线。
    • <i>:出于某种原因与正常文本区分开的文本。
    • <small>:旁注、小字体。
    • <sub>:仅出于排版原因应显示为下标的文本。
    • <sup>:仅出于排版原因应显示为上标的文本。
  • 元信息和链接子集:包含在文档<head>中的信息。

    • <meta>:无法用其他 HTML 元相关元素表示的元数据。
    • <link>:指定当前文档与外部资源之间的关系。
    • <base>:指定文档中所有相对 URL 使用的基本 URL。
    • <script>:嵌入 JavaScript 代码,此代码不得访问同一主机之外的资源。
    • <style>:嵌入与文档元素相关的 CSS 声明。
阅读 13
0 条评论