百度前端训练营day2笔记

<title>
1 当做网站的标题
2 添加书签,你会看到 <title> 的内容被作为建议的书签名。

<meta> 元数据（描述数据的数据）
1 <meta charset="utf-8">  指定你的文档中字符的编码
2 name 指定了 meta 元素的类型；说明该元素包含了什么类型的信息。centent 指定了实际的元数据内容。
<meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Web Docs">
3 如果设置了http-equiv属性，meta 元素则是编译指令。
设置为refresh属性，如果 content 包含一个正整数，并且后面跟着字符串 ';url=' 和一个合法的 URL，则是重定向到指定链接的时间间隔 (秒)。
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
4 视口元标签告诉移动端浏览器，它们应该将视口宽度设定为设备的宽度，将文档放大到其预期大小的 100%，在移动端以你所希望的为移动优化的大小展示文档。
<meta name="viewport" content="width=device-width,initial-scale=1">


<link> HTML外部资源链接元素
1 增加自定义图标,在特定的场合（浏览器的收藏，或书签列表）中显示。
<link rel="icon" href="favicon.ico" type="image/x-icon">
2 引入外部样式
<link rel="stylesheet" href="my-css-file.css">

语义化元素
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

作业：链接