标签: HTML5 | 辉哥的笔记

以下为学习过程中摘自网络的参考，可更为全面的 HTML5 学习知识

起码，让GPT帮忙写作业的时候，能检查GPT哪里错了。。。。

辉哥大约 1 分钟

记录一些 HTML5 参考手册相关的信息。

辉哥小于 1 分钟

记录一些 HTML5 标签相关的信息。

辉哥小于 1 分钟

记录一些 HTML5 基础教程相关的信息。

辉哥小于 1 分钟

示例

指向 w3school 的超链接：

所有浏览器都支持 <a> 标签。

定义和用法

<a> 标签定义超链接，用于从一张页面链接到另一张页面
<a> 元素最重要的属性是 href 属性，它指示链接的目标
如果不使用 href 属性，则不可以使用如下属性：download、hreflang、media、rel、target 以及 type 属性
被链接页面通常显示在 当前浏览器窗口 中，除非您规定了另一个目标（target 属性）

辉哥大约 4 分钟

示例

标记一个缩写：

所有浏览器都支持 <abbr> 标签。

定义和用法

<abbr> 标签指示简称或缩写
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息
<abbr> 标签最初是在 HTML4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式

注

可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本

辉哥小于 1 分钟

示例

标记一个首字母缩写：

所有浏览器都支持 <acronym> 标签。

定义和用法

HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替
<acronym> 标签定义首字母缩写
缩写能够作为单词来朗读。例如：NATO、NASA、ASAP、GUI
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息

辉哥小于 1 分钟

示例

Example.com 的联系信息：

所有浏览器都支持 <address> 标签。

定义和用法

<address> 标签定义文档或文章的作者的联系信息
如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息
如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息
<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行

辉哥小于 1 分钟

示例

一个嵌入的 Java applet（插件）：

某些浏览器中依然存在对 <applet> 标签的一些支持，但是需要额外的插件和安装过程才能起作用。

定义和用法

HTML5 中不支持 <applet> 标签。请使用 object 标签代替
HTML4.01 中不赞成使用 <applet> 元素
<applet> 标签定义嵌入的 applet

辉哥大约 1 分钟

示例

所有浏览器都支持注释标签。

定义和用法

注释标签用于在源代码中插入注释。注释 不会显示 在浏览器中
您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）。例如：

<script type="text/javascript">
  <!--
  function displayMsg() {
    alert("Hello World!")
  }
  //-->
</script>

辉哥小于 1 分钟