阅读这篇文章

你将学到11个非常有用的俏皮话,它可以帮助我们做很多事情,别小看HTML!!!

前言

HTML 和 CSS 是前端开发世界的支柱。 虽然精通 CSS 和 CSS 对于创建出色的网站至关重要,但人们常常低估仅使用普通的旧 HTML 文件可以完成的工作。 从延迟加载图像到为视频添加字幕,HTML 具有许多大多数开发人员无法完全理解的功能。这里有 11 个 HTML 行话,您可以立即使用

文本1。

向 HTML 元素添加简单的工具提示不需要 CSS 或 . 使用 title 属性,您可以轻松添加工具提示以向用户提供附加信息。


WHO was founded in 1948.

W3Schools

代码html怎么调字体大小_代码html个人网页完整代码_html代码

2.

当您希望用户下载链接而不是导航到文件时,下载属性非常有用。此外,您可以设置用户将下载的文件的文件名


Download link

3. 断词

没有人喜欢 HTML 在不该打断文本的地方打断文本。 使用,您可以轻松找到可以打断单词的点(机会)。 当单词太长并且浏览器很可能会在不正确的位置中断它时,这非常有用。

This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryverylongwordthatwillbreakatspecificplaceswhenthebrowserwindowisresized.

4. 文字

使用 DIR="AUTO" 浏览器将根据内容的语言更改文本对齐方式。 当您处理不遵循左侧的语言时,这非常有用。 使用此属性的一个潜在用途是社交媒体聊天应用程序。

This text is following dir=auto

5. 基础

通过使用细节和摘要语义元素,您可以创建一个非常基本但简单的手风琴。 将元素与元素打包在一起,将标题与元素打包在一起。 最后用p段落元素写出手风琴的主要内容。

Epcot Center

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

代码html个人网页完整代码_代码html怎么调字体大小_html代码

6.

通过将该属性设置为 true 可以使任何内容变得可编辑。 无论是 div 还是 ap,都可以编辑。 此外,属性还可用于确定元素是否可编辑。

This is a paragraph. Click the button to make me editable.

7.添加

只需使用 HTML,您就可以使用该元素向视频文件添加字幕。 使用src属性指向字幕文件,并使用该属性设置语言。


8.懒惰

您可以通过将加载属性设置为“lazy”来按需加载图像(也称为延迟加载)。 这是一种简单但非常有效的优化技术,只加载用户可见的部分,其他图像稍后根据用户的需要加载。

Wedding
Rocks
Paris
Nature
Underwater
Ocean
Mountains

9. 基本网址

如果您在网站上多次调用公共域,则可以使用 **** 元素设置基本 URL,如下面提供的代码片段所示。 现在,图像元素中 src 的实际值是“…如果您使用过像 Axios 这样的库,设置基本 URL 是一种非常常见的做法。


  


Stickman
HTML base Tag

10.菜单和粘贴

您可以在使用右键单击时监听事件,或者尝试使用 和 属性来粘贴内容并处理这些事件。 如果您不希望用户能够粘贴到某些字段(例如密码),您可以在该输入字段上写入=“ false”,这样用户将无法粘贴到那里。 此外,当用户右键单击该元素时会触发。


11.

当设置为 true 时, 属性告诉浏览器必须检查用户在此元素中的输入是否存在语法和拼写错误。 这是一个方便的属性,可以帮助用户编写正确的内容。

This is a praggagraph. It is editable. Try to change the text.

好了,今天的主题就讲到这里吧,不管如何,能帮到你我就很开心了,如果您觉得这篇文章写得不错,欢迎点赞和分享给身边的朋友。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注