详细信息

祖先、父级和子孙的说明

“后代”一词是指某个项包含在另一个项的某个位置。相反的术语是“祖先”，即某个项被祖先包含。对于下一个向上/向下容器，这些容器可能会使用更具体的术语“父级/子级”。例如，假设某个文档中包含一个包含链接的段落。链接的父级是段落，但它也将文档作为祖先。 反之，文档可以有多个段落子元素，每个子元素都包含链接。这些链接都是祖父级文档的后代。

尝试构建一个表单，供用户提交自己喜欢的颜色。数据应作为 POST 请求发送，数据处理网址应为 /color。

显示表单

一种可能的解决方案是使用此表单：

<form method="post" action="/color">
    <label for="color">What is your favorite color?</label>
    <input type="text" name="color" id="color">
    <button>Save</button>
</form>

假设您希望在 https://web.dev 运行脚本来处理表单数据，该如何操作？试试看！

切换答案

您可以使用 action 属性选择脚本的位置。

<form action="https://example.com/animals">
...
</form>

使用 mkcert：备忘单

简称 mkcert

如需使用 HTTPS 运行本地开发网站，请执行以下操作：

  1. 设置 mkcert。

    如果您尚未安装 mkcert，请先安装，例如在 macOS 上：

    brew install mkcert

    如需了解适用于 Windows 和 Linux 的说明，请参阅安装 mkcert。

    然后，创建本地证书授权机构：

    mkcert -install

  2. 创建受信任的证书。

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    这会创建一个有效的证书（将由 mkcert 自动签名）。

  3. 将开发服务器配置为使用 HTTPS 和您在第 2 步中创建的证书。

  4. ✨ 大功告成！您现在可以在浏览器中访问 https://{YOUR HOSTNAME}，而不会收到警告