HTML 提示（Tooltips）简介HTML 提示（Tooltips）是当用户悬停在元素上时显示的小型弹出框，用于提供额外信息或说明。标签与属性 title 属性用法：element title="提示文本"功能：鼠标悬停时显示简单文本提示。示例： 自定义 Tooltip（结合 CSS 和 JavaScript）通过 HTML 结构 + CSS 样式 + Ja

HTML水平线（Horizontal Rule）用于在网页中创建一条水平分隔线。标签：hr用法：基本用法：带属性的传统用法（HTML4）：功能：内容分隔视觉分区文档结构划分CSS扩展：HTML5特性：语义化标签，表示主题分隔不再推荐使用传统属性（width/size/color等）建议完全通过CSS控制样式

HTML 属性定义：HTML元素的附加信息，用于配置或调整元素行为语法：name="value"（属性值通常用双引号包裹）核心属性分类：全局属性（适用于所有HTML元素）class：指定元素类名id：定义唯一标识符style：内联CSS样式title：附加提示信息lang：设置语言data-*：自定义数据属性常用元素特定属性img标签：src：图像路径alt：替

HTML 图像基本介绍HTML 图像是通过 img 标签在网页中嵌入的图形元素。支持多种格式如 JPEG、PNG、GIF、SVG 等。主要标签img 标签是自闭合标签，主要属性：src：指定图像路径（必需）alt：替代文本（必需）width：图像宽度（像素或百分比）height：图像高度（像素或百分比）loading：控制懒加载（"lazy"或&quot

HTML 链接详解基本标签a 标签用于创建超链接，基本语法：主要属性href：指定链接目标地址（必需）target：指定打开方式（如 _blank 新窗口打开）title：鼠标悬停时显示的提示文本rel：定义链接与当前文档的关系（如 nofollow）功能类型外部链接：指向其他网站内部链接：指向同一网站内的页面锚点链接：跳转到页面特定位置邮件链接：打开邮件客户端电话链接：移动设备拨号CSS 扩展样

路径表达式属性用法说明示例/根节点从根节点开始选取/bookstore 选取根元素 bookstore//任意位置从匹配选择的当前节点选择文档中的节点，不考虑位置//book 选取所有 book 元素.当前节点选取当前节点./title 选取当前节点的 title 子节点..父节点选取当前节点的父节点../title 选取当前节点的父节点的 title 子节点@属性选取属性//@lang 选取所有

XPath 选取未知节点表格：通配符描述示例匹配结果*匹配任何元素节点//book/*选取book元素的所有子元素节点@*匹配任何属性节点//book/@*选取book元素的所有属性节点node()匹配任何类型的节点//book/node()选取book元素的所有子节点（包括文本节点、注释节点等）属性：元素通配符@* - 属性通配符node() - 全节点通配符用法说明：用于匹配未知节点名称时使用

XPath 谓语（Predicates）概述XPath 谓语用于过滤节点集，通常出现在方括号中。属性属性说明位置位于节点选择器后的方括号内作用对节点集进行筛选类型可以是位置、条件或表达式用法说明数字谓语：按位置选择节点条件谓语：使用比较运算符筛选函数谓语：使用XPath函数进行筛选示例示例说明/bookstore/book[1]选择第一个book元素/bookstore/book[last()]选

XPath 选取节点表格：节点选取方式描述属性用法说明示例nodename选取所有名为nodename的子节点无直接使用元素名称book 选取所有book元素/从根节点开始选取无绝对路径起始符/bookstore 选取根元素bookstore//从当前节点开始选取无相对路径起始符//book 选取文档中所有book元素.选取当前节点无表示当前上下文节点./title 选取当前节点的title子节点

运算符属性用法说明示例/子节点选择从根节点开始选择子节点/bookstore/book//后代节点选择选择当前节点下的所有后代节点//book.当前节点选择当前节点./title..父节点选择当前节点的父节点../price@属性选择选择节点的属性//book[@category]*通配符匹配任何元素节点//book/*@*属性通配符匹配任何属性节点//book[@*]:命名空间分隔符分隔命名空间