HTML标签相关
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- 重定向 -->
<!-- <meta http-equiv="refresh" content="1;url=http://www.baidu.com" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="prerender" href="https://www.tabao.com" />
<title>Document</title>
</head>

<body>
<a href="https://www.taobao.com">去淘宝</a>
</body>
</html>

meta

属性

  • contend

  • http-equiv[content-type | expires | refresh | set-cookie]

    • 把 content 属性关联到 HTTP 头部。

    • http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

    • 当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

    • 使用带有 http-equiv 属性的 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

1
2
<meta http-equiv="charset" content="iso-8859-1" />
<meta http-equiv="expires" content="31 Dec 2008" />
1
2
3
4
5
这样发送到浏览器的头部就应该包含:
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
  • name
    可选值
    • author
    • description
    • keywords
    • generator
    • revised
    • others
  • scheme
    定义用于翻译 content 属性值的格式。
1
<meta name="keywords" contend="关键词1,关键词2" />

script

  • async
    • 无顺序,谁先加载完成谁先执行
  • defer
    • 启动一个新线程去下载,然后在DOMContentLoaded事件执行前执行脚本
    • 多个按先后顺序

link

  • prefetch
  • prerender
  • preload

canvas

  • canvas API
  • webGL API

svg

https://developer.mozilla.org/zh-CN/docs/Web/SVG

Author: liuarui
Link: https://liuarui.github.io/2021/04/21/HTML/标签/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.