什么是 HTML？

HTML （Hypertext Markup Language）是标准标记语言，是 Web 浏览器显示的基础。 此外，CSS（Cascading Style Sheets）等技术以及JavaScript等脚本语言也支持这种技术。

创建主页时，首先使用 HTML 确定句子的结构并标记它，然后设计要显示的信息。 这是网页的基础。

现在，让我们仔细看看可以使用少量 CSS 代码实现的技术。

一种技术摘要，可以使用鲜为人知的短 HTML 代码实现

loading="lazy"属性

Web 性能改进技术之一是属性，允许用户延迟加载，直到滚动。 它还适用于嵌入 YouTube 视频的 iframe 代码和大尺寸图像。loading="lazy"

XHTML

发送电子邮件、电话或短信短信

打开电子邮件创建页面、直接拨打电话或发送短消息的技术。

XHTML

确定列表顺序的属性strat

start属性允许您自由确定列表格式的数字。

meter在元素中显示数字

meter元素允许您使用彩色滑块显示数字和数量。 不需要 JavaScript 或 CSS。

HTML 本机搜索

通过预先在表单输入元素中指定一些数据列表，可以将其作为候选关键字显示在输入字段中的下拉列表中。

Fieldset按元素对标签进行分组

fieldset元素允许您将 Web 窗体中的多个控件和标签 （） 组合在一起。label

使用 window.opener 防止检索原始窗口中的信息

target="_blank在 中打开的页面将允许您访问原始页面的 window.opener。 这可能会对安全性和性能产生负面影响，例如"原始窗口在知道之前已转换到填充站点"。 为了防止这种情况，请包括 或 。rel="noopener"rel="noreferrer"

base元素

如果要在新选项卡中打开 HTML 文档中的所有链接，可以使用元素。 在下面的示例中，两个链接都在新的选项卡中打开。base

防止传真机缓存

若要更新网站的传真，您可以通过将其添加到文件名中来在浏览器中下载新版本。?v=2

一种有效的技术，尤其是在生产环境中，以确保用户输入新版本。

XHTML

spellcheck按属性检查拼写

可以决定是否检查元素的拼写错误的属性。spellcheck

显示 HTML 滑块

input type="range"允许您使用滑块调整数字。 所选数字可以显示在 中。input type="number"

仅通过 HTML 显示手风琴

details元素允许您创建仅 HTML 本机手风琴。

mark标记中的文本突出显示突出显示

mark标记允许您使用黄色标记突出显示文本的一部分。

下载文件具有属性download

URL 链接的属性允许您直接下载文件，而不是将其移动到文件中。download

XHTML

webp使用文件格式

使用".webp"作为图像格式可以减小图像大小并提高网站性能。

XHTML

视频视频缩略图视图

poster属性允许您指定在加载视频或按下"播放"按钮之前显示的图像。

XHTML

type="search"在 中显示取消标记

在搜索框中使用时，将自动显示"X"清除标记以取消。type="search"

只有 HTML 可以实现的功能，我有很多。 我们计划在未来添加和更新小技巧技术。