您必须了解的 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属性可以与 元素一起使用来显示图像,直到用户播放视频。