html 概述

详解 html 语义

---

概述

html 全称超文本描述语言(hypertext markup language) 。 如下一个基本的 html 元素包含如下基本分支组成

<p class="c1">测试</p>

• 标签,标签名名p,开标签 <p> 闭标签 </p>
• 属性 class="c1",class 属性名,"c1" 属性值
• 内容 测试
• 元素 <p class="c1">测试</p> 由
  • 标签 html 规范和自定义标签
  • 属性 每个标签对象的自有属性和全局属性
  • 内容 可选的嵌套元素组成

HTML 学习重点是对各种典型标签及其属性及内容的学习

并不是所有元素必须包含内容还存在如下典型元素

• 空元素
  • </br> 用于换行
  • </img> 替换元素用于插入图片

元素组合生成 HTML 文档。一个典型的 HTML 文档结构如下:

<!-- TODO: 补充 HTML 文档元素 -->

由于 HTML 的初衷是内容呈现,所以大量标签的存在是以呈现为目的 随着 web 富应用的变化,html 元素逐渐承载起 UI,交互等功能

字符转义

html 会优先解析合法的标签,若标签集合包含特殊字符采用如下方式显示。

• < 表示 <
• > 表示 >
• " 表示 "
• ' 表示 '
• & 表示 &

flowchart TB
    A[HTML] --> B[元素(Element)]
    B --> C[标签(Tag)]
    B --> D[属性(Attribute)]
    B --> E[内容(Content)]
    D --> F[属性名]
    D --> G[属性值]
    C --> H[开始标签]
    C --> I[结束标签]