HTML5语义化，结构化文本

来源：互联网发布：为什么淘宝卖刀不违法编辑：程序博客网时间：2024/05/22 04:43

1.文字上下标/

标记可定义下标文本

标记可定义上标文本

语法格式：

下标文本

上标文本

上标文本和下标文本在数学中使用比较广泛，如方程的求解等都需要用到上下标文本。

例：

<!DOCTYPE html><html><head><title>水平线</title><meta charset="GBK" /></head><body>求解方程：<br/>x<sup>2</sup>+2x=3<br/>解得：x<sub>1</sub>=2,x<sub>2</sub>=3</body></html>

网页在IE中显示的效果如图所示

2.注音显示<ruby>/<rt>/<rp>

<ruby>标记定义ruby注释（中文或字符）

<rt>标记定义字符（中文或字符）的解释或发音，还包括可选的rp元素，定义当浏览器不支持ruby元素时显示内容。

语法格式：

<ruby>

中文或字符<rt>中文的发音或字符的解释</rt>

</ruby>

或

<ruby>

中文或字符<rt><rp>(</rp>中文的发音或字符的解释<rp>)</rp></rt>

</ruby>

例：

<!DOCTYPE html><html><head><title>注音显示</title><meta charset="GBK" /></head><body><ruby>李白<rt>Li Bai</rt></ruby></body></html>

网页在IE中显示的效果如图所示

3.标注<cite>

<cite>标记定义作品（如书籍，歌曲，电影，电视节目，绘画等）的标题

例：

<!DOCTYPE html><html><head><title>作品标题</title><meta charset="GBK" /></head><body><cite>《月下独酌》</cite>是唐代伟大诗人李白的作品。</body></html>

4.定义日期时间<time>

基本语法：

语法说明：

（1）属性datetime定义元素的日期和时间，如果没有定义该属性，则必须在元素内容中给出时间。

（2）属性pubdate是一个逻辑值，只是<time>元素中的日期时间是否是文档（或<article>元素）的发布日期。

例：

<!DOCTYPE html><html><head><title>定义日期时间</title><meta charset="GBK" /></head><body><p>今天上午<time>10:00</time>请大家开小组讨论会</p><p>另外，大家请于<time datetime="2017-06-01">儿童节</time>之前上交方案</p></body></html>

目前所有的浏览器都不支持<time>标记，所以这里不在给出浏览效果。

阅读全文

0 0