您必须了解的 21 个 HTML 技巧

在这篇文章中,我们将分享 21 个带有代码片段的 HTML 技巧,可以提高您的编码技能。

现在,让我们直接开始吧。

1、创建联系链接

使用 HTML 创建可点击的电子邮件、电话和短信链接:

Send Email
Call Us
Send SMS

2、创建可折叠内容

当您想要在网页上包含可折叠内容时,可以使用 和 标记。

标签创建隐藏内容的容器,而 标签提供可单击的标签来切换该内容的可见性。

Click to expand
This content can be expanded or collapsed.

3、利用语义元素

为您的网站选择语义元素而不是非语义元素。它们使您的代码变得有意义,并改善结构、可访问性和 SEO。

上图,左边为非语义结构,右边为语义元素结构上图,左边为非语义结构,右边为语义元素结构

4、对表单元素进行分组

使用 标记对表单中的相关元素进行分组,并使用 标记和 来定义 标记的标题。

这对于创建更高效、更易于访问的表单非常有用。

Personal details
First name:
Email:
Contact:

5、增强下拉菜单

您可以使用 标签对 HTML 标签中的相关选项进行分组。

当您使用大型下拉菜单或长选项列表时可以使用此功能。

Apple
Banana
Mango
Tomato
Broccoli
Carrot

6、改进视频演示

poster属性可以与 元素一起使用来显示图像,直到用户播放视频。