web前端html笔记2

2023-12-22 23:55:19

新增状态标签<meter><progress>

<meter>

属性

值

描述

high

数值

规定高值

low

数值

规定低值

max

数值

规定最大值

min

数值

规定最小值

optimum

数值

规定最优值

value

数值

规定当前值

<body>

<meter high="50" low="30" value="" max="80" min="0"></meter>

</body>

<progress>

属性

值

描述

max

数值

规定目标值

value

数值

规定当前值

<progress max="100" value="80"></progress>

新增列表标签

标签名

语义

单/双标签

datalist

用于搜索框的关键字提示

双

details

用于展示问题和答案，或对专用名词进行解释

双

summary

写在details的里面，用于指定问题或专有名词

双

<input type="text" list="mydata">

<datalist id="mydata">

<option value="周冬雨”>周冬雨</option>

<option value="周杰伦">周杰伦</option>

<option value="温兆伦”>温兆伦</option>

<option value="马冬梅">马冬梅</option>

</datalist>

<details>

<summary>如何走上人生巅峰? </summary>

<p>一步一步走呗</p>

</details>

新增文本标签

文本注音

标签名

语义

单/双标签

ruby

包含需要注音的文字

双

rt

写注音,rt标签写在ruby的里面

双

<ruby>

<span>你好</span>

<rt>ni hao</rt>

</ruby>

文本标记

标签名

语义

单/双标签

mark

标记（建议用mark用于标记搜索结果中的关键字

双

W3C建议mark用于标记搜索结果中的关键词

新增表单控件

<body>

<audio id="music”src="./小曲.mp3"controls></audio>

<div class="mask” id="mask">

<div class="dialog">

<span>点我登录</span>

<span οnclick="go()">随便听听</span>

</div>

</div>

<script>

function go (){

music.play()

mask.style.display = 'none}

</script>

</body>

<draggable>需要和JS配合使用

<spellcheck>需打开浏览器的拼写检查

文章来源:https://blog.csdn.net/JLY19970726/article/details/135162426
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。