Jinke Blog

Appearance

其他元素 ​

元素 - abbr ​

在这个例子中，我们使用 abbr 标签来表示缩写.

基本用法 ​

下面是一个例子：

这是一个 HTML 文件.

html
这是一个 <abbr title="HyperText Markup Language">HTML</abbr> 文件.

属性 ​

title ​

可以使用 title 属性来指定完整的单词或短语，以便用户在鼠标悬停在缩写上时可以看到完整解释.

例如：

这是一个 CSS 文件.

html
这是一个 <abbr title="Cascading Style Sheets">CSS</abbr> 文件.

元素 - time ​

HTML 元素<time>表示时间或日期.它是 HTML5 中的新元素.

常用属性 ​

datetime ​

datetime属性定义日期/时间.

该属性的值是一个机器可读的日期字符串，如 "2023-03-09"（日期），"2023-03-09T09:30:00"（日期和时间）或"2023-03-09T09:30:00Z"（日期和时间，带有 UTC 时区）.

pubdate ​

pubdate属性表示<time>元素所包含的日期/时间是文章的发布日期/时间.

这个属性仅在嵌套在<article>元素中时才有效，并且仅在其中一个<time>元素中使用.

datetime 和 pubdate 结合使用 ​

datetime和pubdate属性可以结合使用，以标识文章的发布日期/时间以及可能存在的更新日期/时间.

元素 - br ​

（line break）用于在文本中插入一个换行符，它没有闭合标签.

示例代码：

这是第一行
这是第二行

html
这是第一行<br />
这是第二行

<link> 元素定义文档与外部资源之间的关系.它通常用于链接样式表（CSS），但也可以用于创建网站图标（favicon）、指定网站图标等其他任务.

常用属性 ​

  • href：指定外部资源的 URL.通常用于指定链接到样式表文件的 URL.
  • rel：定义文档与链接资源之间的关系.在样式表的情况下，通常为 stylesheet.
  • type：指定链接资源的 MIME 类型.

示例 ​

链接到外部样式表 ​

下面的示例演示了如何使用 <link> 元素将一个外部样式表文件链接到 HTML 文档中：

html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

元素 - meta ​

html
<!-- 设置字符编码为UTF-8 -->
<meta charset="utf-8" />
<!-- 用于响应式设计，自适应调整显示比例 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 设置IE兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- 设置网页描述信息 -->
<meta name="description" content="网页描述" />
<!-- 设置网页关键词 -->
<meta name="keywords" content="关键词1, 关键词2, 关键词3" />
<!-- 设置网页作者信息 -->
<meta name="author" content="网页作者" />
<!-- 设置搜索引擎抓取和索引方式 -->
<meta name="robots" content="index, follow" />