span div

<span>标志是什么意思？用在什么情况

 

文字标签
不换行的段落标签
定义的特性

id, class (文泛的文档标识符)

lang (语言信息), dir (文字方向)

title (元素标题)

行内风格信息)

对齐方式)

ondblclick, onmouseup, onmousemove, onkeypress, onkeyup (DIV 和 SPAN 元 素, 作 为 id 和 class 特 性 的 连 接 词, 提 供 了 一 个 通 常 地 对 文 档 加 入 结 构 的 机 制. 这 是 仅 有 的 两 个 HTML 元 素 不 能 在 它 们 内 容 中 附 加 陈 述. 因此 , 通 过 建 立 实 例 和 元 素 的 类 以 及 向 它 们 提 供 设 想 我 们 打 算 生 成 一 个 来 自 于 客 户 信 息数 据 库 的 文 档. 由 于 HTML 不 包 括 标 识 为 "client", "telephone number", "email address" 等 等 的 对 象 元 素, 我 们 使 用 DIV 和 SPAN 来 缝 合 HTML 与 我们 的 需 要.

在 此 例 中, 每 个 客 户 的 姓 属 于 "client-last-name" 类 等 等. 我们 也 分 配 给 每 个 用 户 一 个 唯 一 标 志 符 ("client-boyera", "client-lafon" 等 等).

 

<DIV id="client-boyera" class="client">

<SPAN class="client-last-name">Last name:</SPAN> Boyera,

<SPAN class="client-first-name">First name:</SPAN> Stephane

<SPAN class="client-tel">Telephone:</SPAN> (212) 555-1212

<SPAN class="client-email">Email:</SPAN> sb@foo.org

</DIV>

 

<DIV id="client-lafon" class="client">

<SPAN class="client-last-name">Last name:</SPAN> Lafon,

<SPAN class="client-first-name">First name:</SPAN> Yves

<SPAN class="client-tel">Telephone:</SPAN> (617) 555-1212

<SPAN class="client-email">Email:</SPAN> yves@bar.com

</DIV>

然 后, 我 们 可 以 简 单 地 把 风 格 信 息 加 到 我 们 的 文 档 来 使 这些 数 据 库 条 目 和 谐 显 示.

当 你 想 为 一 组 单 词 分 配 类 或 语 言 信 息 时, SPAN 是 一 个 可 以 在 段 落, 列 表 条 目 等 项 目 中 使 用 的 行 内 元 素. SPAN 不 能 用 来 对 封 闭级 元 素 编 组. SPAN 在 渲染 上 没 有 天 生 的 效 果 直 到 你 提 供 一 个 风 格, 例 如 通 过 DIV 与 之 相 反 , 是 封闭 级 元 素. 它 可 以 用 来 对 其 它 的 封 闭 级 元 素 编 组, 但 不 能用 于 段 落 元 素 中. DIV 元素 紧 跟 一 个 打 开 的 P 元 素将 终 止 那 个 段 落.

用 户 代 理 器 通 常 在 DIV 元 素 前 后 放 置 一 个 换 行, 例 如:

 

<P>aaaaaaaaa<DIV>bbbbbbbbb</DIV><DIV>ccccc<P>ccccc</DIV>

这 典 型 地 被 渲 染 成:

aaaaaaaaa

bbbbbbbbb

ccccc

 

ccccc

你 的 用 户 代 理 器 也 可 能 如 下 渲 染:

aaaaaaaaabbbbbbbbbccccc

ccccc