> 本文翻译自 [21 HTML Tips You Must Know About](https://dev.to/devshefali/21-html-tips-you-must-know-about-55j7)，作者：Shefali，略有删改。在这篇文章中，我将分享21个HTML技巧和代码片段，可以提高你的编码技能。 ### 链接联系人使用HTML创建可点击的电子邮件、电话和短信链接： ```html Send Email Call Us Send SMS ``` ### 创建可折叠内容如果您想在网页上包含可折叠内容，可以使用`

`和`

`标签。 `

`标签为隐藏内容创建了一个容器，而`

`标签提供了一个可点击的标签来切换该内容的可见性。 ```html

Click to expand

This content can be expanded or collapsed.

``` ### 使用语义化元素为您的网站选择语义元素而不是非语义元素。使您的代码更有意义，并改善结构，可访问性和SEO。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/45a773333b9b476888806ace7b48e150~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=800\&h=450\&s=114285\&e=png\&b=ffffff) ### 表单元素使用`

`标签将表单中的相关元素分组，使用``标签和`

`标签为`

`标签定义标题。这对于创建更有效和更易于访问的表单非常有用。 ```html ``` ### 增强下拉菜单您可以使用``标签将相关选项分组到` ``` ### 改善视频演示 `poster`属性可以与`