社区脚本中心 → 浏览:帖子主题
分页: 1 2, 共 2 页
* 帖子主题:你必须了解的 21 个 HTML 提示
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 1 楼 ] 330 回复
创建联系人链接

<!-- Email link -->
<a href="mailto:name@example.com"> Send Email </a>

<!-- Phone call link -->
<a href="tel:+1234567890"> Call Us </a>

<!-- SMS link -->
<a href="sms:+1234567890"> Send SMS </a>
2024-07-13 08:57:16 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 2 楼 ] 331 回复
创建可折叠内容

<details>标记为隐藏内容创建一个容器,而<summary>则提供可点击的标签来切换该内容的可见性。

[您可以先修改代码再运行]

2024-07-13 08:57:55 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 3 楼 ] 332 回复
利用语义元素

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

屏幕截图 2024-07-13 085920.png
2024-07-13 08:59:25 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 4 楼 ] 333 回复
对表单元素进行分组

<form>
  <fieldset>
      <legend>Personal details</legend>
      <label for="firstname">First name:</label>
      <input type="text" id="firstname" name="firstname" />
      <label for="email">Email:</label>
      <input type="email" id="email" name="email" />
      <label for="contact">Contact:</label>
      <input type="text" id="contact" name="contact" />
      <input type="button" value="Submit" />
  </fieldset>
</form>
2024-07-13 08:59:50 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 5 楼 ] 334 回复
增强下拉菜单

<select>
  <optgroup label="Fruits">
      <option>Apple</option>
      <option>Banana</option>
      <option>Mango</option>
  </optgroup>
  <optgroup label="Vegetables">
      <option>Tomato</option>
      <option>Broccoli</option>
      <option>Carrot</option>
  </optgroup>
</select>
2024-07-13 09:00:03 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 6 楼 ] 335 回复
改进视频演示

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

<video controls poster="image.png" width="500">
  <source src="video.mp4" type="video/mp4 />
</video>
2024-07-13 09:00:29 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 7 楼 ] 336 回复
支持多种选择

您可以将multiple属性与<input>和元素一起使用<select>,以允许用户一次选择/输入多个值。

<input type="file" multiple />
<select multiple>
    <option value="java">Java</option>
    <option value="javascript">JavaScript</option>
    <option value="typescript">TypeScript</option>
    <option value="rust">Rust</option>
</select>
2024-07-13 09:00:51 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 8 楼 ] 337 回复
将文本显示为下标和上标

<sub>和<sup>元素可用于分别将文本显示为下标和上标。
2024-07-13 09:01:08 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 9 楼 ] 338 回复
创建下载链接

<a href="document.pdf" download="document.pdf"> Download PDF </a>
2024-07-13 09:01:20 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 10 楼 ] 339 回复
定义相对链接的基 URL

您可以使用<base>该标记来定义网页中所有相对 URL 的基本 URL。
当您想要为网页上的所有相对 URL 创建共享起点时,这很方便,从而可以更轻松地导航和加载资源。

<head>
  <base href="https://shefali.dev" target="_blank" />
</head>
<body>
  <a href="/blog">Blogs</a>
  <a href="/get-in-touch">Contact</a>
</body>
2024-07-13 09:01:42 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 11 楼 ] 340 回复
控制图像加载

带有元素的loading属性<img>可用于控制浏览器加载图像的方式。它有三个值:“渴望”、“懒惰”和“自动”。

<img src="picture.jpg" loading="lazy">
2024-07-13 09:01:58 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:2826
发帖:230
来自:保密
注册:2023-12-09 09:36:49
造访:2026-05-05 13:56:22
[ 第 12 楼 ] 341 回复
管理翻译功能

<p translate="no">
  This text should not be translated.
</p>
2024-07-13 09:02:17 IP:已设置保密
分页: 1 2, 共 2 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容