本笔记记于2021年，摘自MDN HTML板块
1.<head>保存页面的一些元数据
2.<title> 的内容被作为建议的书签名
3.页面手动设置编码为utf-8，来避免在其他浏览器中可能出现的潜在问题
4.许多<meta> 元素包含了name 和 content 特性：
name 指定了meta 元素的类型； 说明该元素包含了什么类型的信息
content 指定了实际的元数据内容
指定包含关于页面内容的关键字的页面内容的描述是很有用的，因为它可能或让页面在搜索引擎的相关的搜索出现得更多
页面添加图标的方式有：
将其保存在与网站的索引页面相同的目录中，以.ico格式保存（大多数浏览器将支持更通用的格式，如.gif或.png，但使用ICO格式将确保它能在如Internet Explorer 6一样久远的浏览器显示）
将以下行添加到HTML <head>中以引用它：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
现代浏览器在各种场合使用favicons，如打开的页面标签页和书签面板中的书签页面
5. <link>元素经常位于文档的头部
这个link元素有2个属性，rel="stylesheet"表明这是文档的样式表，而 href包含了样式表文件的路径
6.可以（而且有必要）为站点设定语言， 这个可以通过添加lang属性到HTML开始标签中来实现
<html lang="zh-CN">
7.一些最佳实践
- 最好只对每个页面使用一次<h1> — 这是顶级标题，所有其他标题位于层次结构中的下方
- 确保在层次结构中以正确的顺序使用标题
不要使用<h3>来表示副标题，后面跟<h2>来表示副副标题 - 这是没有意义的，会导致奇怪的结果 - 在六个标题级别中，只在每页使用不超过三个
具有许多级别的文档（较深的标题层次结构）变得难以操作并且难以导航，建议将内容分散在多个页面上
8.语义化
标题：<h1></h1> <h2></h2> <h3></h3><h4></h4><h5></h5><h6></h6>
段落：<p></p>
列表：无序<ul><li></li></ul>、有序<ol><li></li></ol>、嵌套列表<ol><li><ul><li></li></ul></li></ol>
强调：<em></em>
非常重要：<strong></strong>
9.描述列表
描述列表使用与其他列表类型不同的闭合标签— <dl>; 此外，每一项都用 <dt>(description term) 元素闭合
每个描述都用 <dd> (description description) 元素闭合
10.<blockquote>
如果一个块级内容（一个段落、多个段落、一个列表等）从其他地方被引用，应该把它用元素包裹起来表示，并且在cite属性里用URL来指向引用的资源
11.<abbr>
用来包裹一个缩略语或缩写，并且提供缩写的解释（包含在title属性中）
<p>我们使用 <abbr title="超文本标记语言（Hyper text Markup Language）">HTML</abbr> 来组织网页文档</p>
12.<address>
为了标记编写HTML文档的人的联系方式
13上标和下标： <sup>和<sub>
14.标记计算机代码的元素
-
<code>: 用于标记计算机通用代码 -
<pre>: 用于保留空白字符（通常用于代码块）——如果在文本中使用缩进或多余的空白，浏览器将忽略它，将不会在呈现的页面上看到它
但是，如果将文本包含在<pre></pre>标签中，那么空白将会以在文本编辑器中看到的相同的方式渲染出来 -
<var>: 用于标记具体变量名 -
<kbd>: 用于标记输入电脑的键盘（或其他类型）输入 -
<samp>: 用于标记计算机程序的输出
网友评论