隐藏HTML标记

2022-02-26 09:22:14

HTML是一种支持web的标记语言。在HTML5中添加和改进了很多东西。但是有些HTML标签很少使用,或者很多人不知道。

在本文中,我们';我们将看到10个有用的HTML标签,这些标签对很多人来说都是模糊的,但可以方便有效地使用。

我们可以用一行HTML代码创建一个简单美观的对话框。使用<;dialog>;标记具有“打开”属性,可以创建一个居中的对话框。

<;dialog>;标记支持所有全局和事件属性。我们可以使用对话框通知用户,就像发出警报一样。

A<;进步>;标记用于指示任务的进度。这与我们在下载文件时看到的进度条类似。

<;进步>;标记有两个属性,value和max。max属性的默认值是1,value属性表示max值的分数,除了进度之外什么都没有。

在上面的代码片段中,当我们将value of value属性设置为0.45并省略max时,结果保持不变。我们可以使用标签标签来提高可访问性。

<;米>;tag与<;进步>;标记,但仪表标记用于指示测量值或测量单位,使其更具语义。

<;米>;标记具有各种属性,如最小、最大、低、高、值等,用于指示进度条。

<;文件集>;标签通常用于将相关项组合在一个表单中,并在这些相关项周围绘制一个漂亮的边框。

<;fieldset>&书信电报;传奇>;用户详细信息</传奇>&书信电报;标签为=";姓名">;名称</标签>&书信电报;输入类型=";正文";id=";姓名";姓名=";姓名">&书信电报;br>&书信电报;br>&书信电报;标签为=";电子邮件">;电子邮件</标签>&书信电报;输入类型=";电子邮件";id=";电子邮件";姓名=";电子邮件">&书信电报;br></fieldset>;

<;fieldset>;标记具有禁用属性,用于禁用字段集中的输入元素。它还支持所有全局和事件属性。

<;数据列表>;标记用于为具有自动完成和下拉功能的输入元素指定预定义选项。

<;数据列表>;id属性应等于<;的列表属性;输入>;元素将它们连接在一起。

<;标签为=";语言">;选择您最喜欢的语言</标签>&书信电报;输入列表=";语言";姓名=";语言">&书信电报;数据列表id=";语言">&书信电报;期权价值=";JavaScript">&书信电报;期权价值=";蟒蛇">&书信电报;期权价值=";爪哇和#34>&书信电报;期权价值=";去">&书信电报;期权价值=";锈蚀#34></数据列表>;

<;细节>;标签用于为手风琴等文本提供额外的细节。附加细节可以轻松切换。

<;总结>;标记用于显示详细信息的可见文本。默认情况下,它是关闭的,使用“打开”属性,我们可以在第一次加载时将其打开。

<;dl>;被称为描述列表标签。它与<;dt>;和<;dd>;用于显示描述列表。

<;var>;标签用来表示数学表达式中的变量,就像我们在印刷书籍中看到的那样。

应用于<;var>;标记是斜体的,它支持所有全局和事件属性。

<;noscript>;标记用于向在浏览器中禁用JavaScript的用户或其浏览器不支持JavaScript的用户显示备用内容。

在这一行上方插入了一个noscript标记,如果禁用JavaScript,您将能够看到这一行。

还有一些标签,比如,<;图片>&书信电报;地图>&书信电报;产量>&书信电报;模板>;等等。你可以开始研究它们,并使用适合你工作的任何东西。

🔭 对于这些HTML标记的实时演示,您可以查看此codepen链接。

如果你喜欢定期收到与web开发和技术相关的提示和技巧,那么一定要继续@dev_apt