本笔记记于2021年，摘自MDN HTML板块
1.HTML 标签
不区分大小写
从一致性、可读性等各方面来说，最好仅使用小写字母
2.元素分类
- 块级元素
- 内联元素
- 空元素
不是所有元素都拥有开始标签，内容，结束标签
一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西
空元素（Empty elements） 有时也被叫作 void elements
3.布尔属性：没有值的属性
他们只能有跟它的属性名一样的属性值
布尔值属性不能取值为 "true" 和 "false"，如果需要表示 false 值，布尔值属性需要整个忽略不写
4.HTML中的空白
无论在HTML元素的内容中使用多少空格(包括空白字符，包括换行)，当渲染这些代码的时候，HTML解释器会将连续出现的空白字符减少为一个单独的空格符
5.特殊字符
| 原意字符 | 等价字符引用 |
|---|---|
| < | < |
| > | > |
| " | " |
| ' | ' |
| & | & |
6.布局元素
- 页眉 header，是简介形式的内容
如果它是<body>的子元素，那么就是网站的全局页眉
如果它是<article>或<section>的子元素，那么它是这些部分特有的页眉 - 导航栏 nav，包含页面主导航功能。其中不应包含二级链接等内容
- 主内容 main，每个页面上只能用一次
<main>，且直接位于<body>中
最好不要把它嵌套进其它元素 - 侧边栏 aside，包含一些间接信息（术语条目、作者简介、相关链接，等等）
- 页脚 footer，包含了页面的页脚部分
-
<article>包围的内容即一篇文章，与页面其它部分无关（比如一篇博文） -
<section>与<article>类似，但<section>更适用于组织页面使其按功能（比如迷你地图、一组文章标题和摘要）分块
一般的最佳用法是：以 标题作为开头；也可以把一篇<article>分成若干部分并分别置于不同的<section>中，也可以把一个区段<section>分成若干部分并分别置于不同的<article>中，取决于上下文 - 无语义元素
<span>是一个内联的（inline）无语义元素，最好只用于无法找到更好的语义元素来包含内容时，或者不想增加特定的含义时
<div>是一个块级无语义元素，应仅用于找不到更好的块级元素时，或者不想增加特定的意义时
<br>可在段落中进行换行；<br>是唯一能够生成多个短行结构（例如邮寄地址或诗歌）的元素
<hr>元素在文档中生成一条水平分割线，表示文本中主题的变化（例如话题或场景的改变）
一般就是一条水平的直线
7.网页验证
使用Markup Validation Service
由 W3C（制定 HTML、CSS 和其他网络技术标准的组织） 创立并维护的标记验证服务。把一个 HTML 文档加载至本网页并运行 ，网页会返回一个错误报告
属性缺少结束引号会导致元素无法闭合。因为文档所有剩余部分（直到文档某处出现一个引号）都将被解析为属性的内容
网友评论