• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>html5语义化标签

html5语义化标签

1. mark

mark定义高亮元素

<p>大家好,我叫 <mark>milk</mark>,很高兴认识你</p>

2. details与summary

details(描述)与summary(摘要)

<details>
    <summary>文章摘要</summary>
    <p>内容</p>
</details>

3. meter

meter定义度量衡。

meter: 显示一个计数仪表

属性

value:当前值。 min {number}:最小值。 max {number}:最大值。 low {number}`: 指定范围的最小值。high {number}:指定范围的最大值

<meter value="100" min="30" max="200">100</meter>

4. progress

progress定义进度条

属性

value:进度的完成值。 max {number}:进度条完成时的最大值

<progress max="100" value="60">65%</progress>

5. dialog

dialog定义对话框或窗口

<dialog open>打开对话框</dialog>

6. figure

figure标签用于对元素进行组合

<figure>
    <h2>小情歌</h2>
    <p>这是一首简单的小情歌</p>
    <img src="pic.jpg">
</figure>