首页 理论教育 新增的行内语义元素详解

新增的行内语义元素详解

时间:2023-06-03 理论教育 版权反馈
【摘要】:一个网站的例子如下:

Donotforgettobuymilktoday.

网页的显示效果如图3.4所示。图3.4mark标签实例HTML4中代码实例如下:2.time元素time元素表示日期或时间,也可以同时表示两者。其仅用于已知最大和最小值的度量。必须定义度量的范围,既可以在元素的文本中,也可以在min/max属性中定义。可以使用progress元素来显示JavaScript中耗费时间的函数的进程。

新增的行内语义元素详解

1.mark元素

mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。mark元素的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。

HTML5中代码实例如下:

<mark>…</mark>

一个网站的例子(源代码参见“chap3.2.3.1.html”)如下:

<!DOCTYPEHTML>

<html>

<body>

<p>Donotforgettobuy<mark>milk</mark>today.</p>

</body>

</html>

网页的显示效果如图3.4所示。

图3.4 mark标签实例

HTML4中代码实例如下:

<span>…</span>(www.xing528.com)

2.time元素

time元素表示日期或时间,也可以同时表示两者。

HTML5中代码实例如下:

<time>…</time>

HTML4中代码实例:

<span>…</span>

3.meter元素

meter元素表示度量衡。其仅用于已知最大和最小值的度量。必须定义度量的范围,既可以在元素的文本中,也可以在min/max属性中定义。

HTML5中代码实例如下:

<meter>…</meter>

4.progress元素

progress元素表示运行中的进程。可以使用progress元素来显示JavaScript中耗费时间的函数的进程。

HTML5中代码实例如下:

<progress>…</progress>

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈