03-08 03:53 阅读 129

9个鲜为人知的HTML功能，你知道吗

1、元素

假设你希望用户以某种形式从许多选项中选择一个值。为此，请使用

这对于短列表来说非常好，但是，当你拥有大量可用选项时，它可能会造成混乱。一种简单的改进方法是，将相似的选项组合在一起，以便用户可以直接跳到更相关的选项，而不必搜索所有的选项。

关于如何实现此目标的第一个想法可能是遵循以下思路：

对于用户来说，这已经是一个很大的改进，但是现在我们的标记中杂乱无章的选项仅用于分隔组。

幸运的是，有一种更好的方法可以做到这一点–即使用元素！

示例如下：

如上所见，我们实现了我们想要的功能，并且浏览器甚至添加了一些其他样式，从而使用户可以更轻松地在列表中导航。

2、元素

这个HTML元素可以稍微清理一下你的代码，并可以在以后更轻松地重构URL。该元素需要放置页面的元素里面。

页面上的元素都会有对应的URL，无论是用于图像还是网址。

以后更改该URL将是单行更改。此外，这减少了重复的代码，并使你的网址更短且更易于阅读。

示例如下：

3、元素

这个元素可用于将某些文本标记为键盘输入,在编写文档或技术博客文章时，可以快速，轻松地改进标记。

我建议将此标签与其他一些CSS样式结合使用，如本示例中的Stack Overflow那样：

4、元素

元素可以向页面添加更多语义。它用于将某些文本标记为计算机输出。示例文本的默认样式是使用等宽字体显示它。

与元素类似，你可以只使用少量的CSS即可自定义和改进样式。

5、~~和元素~~

这是我在这里要提到的最后两个可以使使的标记更加整洁的元素。它们应用于文本的一部分标记，分别使已删除或已添加。

浏览器通常会使用~~元素来删除文本，并在删除的文本上添加一根删除文本线，但是，你可以使用一些自定义样式来增强该样式，就像其他所有元素一样。~~

6、元素

wbr代表断词机会，并控制浏览器的断词行为。如果你要处理很长的单词，而这些单词的拆分方式与浏览器默认情况下的拆分方式不同，那么，你使用元素，就可以比较完美的解决这个问题。

7、

元素

字段集是一种为表单添加更多结构的好方法！特别是在处理大型表单时，可以使用字段集，这样用户可以更容易获得表单概述。

示例如下：

8、元素

元素可以使样式非常容易的应用于表中。

而且元素内部也可以定义

以及之后的任何，，和元素。

在内容一样可以使用span属性控制组样式。如果你未定义任何span，则默认为单个列。

示例如下：

ISBN	Title	Price
3476896	My first HTML	$53
5869207	My first CSS	$49

9、

，
和
元素

这些元素可用于构建某些描述列表。当你为博客或书籍构建词汇表或参考文献列表时，这些元素是非常有用的。

以下是一个描述列表的示例：

了解开发技术知识，关注我，有更多精彩内容与您分享！

原文：https://www.cnblogs.com/xiaobaizaixianzhong/p/15209432.html