HTML

浏览器解析部分

浏览器自动删除内容间多于一个的空格 浏览器自动将回车转为空格 浏览器把 tab 锁进也转为空格（当然人读起来还是更好读） 浏览器直接忽略不认识的元素

少见属性介绍

Role 属性基本上是用来搞无障碍的 RDF 属性，vocab，property 之类的是用来让机器快速识别文档信息的

tag 标签

人类传递文字信息是有分类，进而有结构的 澄清所有步骤和操作的目的 计算机不接受默认条件？要求你把话说明白 人发明的计算机工具是有默认选项，默认设置以及默认参数的，找出来相当有助于思考创作者的思路

Html 元素 element

元素包含其中文本内容 text conent 由 tag 表明（你凭什么默认是 xxx 元素），由<>标记 有按用途分的，比如元标签，分块标签/块级元素以及行内标签/内联元素 块一般会换行，内联一般就不会 也有按性质分的，比如非替换元素，包着其他内容；替换元素和空元素，基本是自闭的 有内容包着的都有开始关闭符，没内容可以包括的元素就没有关闭符号，非常合理 对比 word 首行缩进 自闭符号可以在最后加个/方便阅读 属性 attributes 是给元素的额外信息，可以有多种属性，分割符用空格，属性值也最好用引号包着 属性也有布尔的，一般值默认和属性名相同，比如 disabled 就默认 disabled 始终为属性值添加引号

Doctype

声明我要写 html 文档，据说是过去的渲染标签，不加的话一部分浏览器会瞎几把渲染 纯文本内容可以直接写，默认不分段，但启用新标签一般就会下一段 元素可以相互嵌套，没有关闭符就会让浏览器自动处理 Html 接下来这部分就是 word 的页自然延展，根元素 Head 是给设备读的内容，设定页面 page 的主要属性，比如 a4 纸，比如 Meta 无法由其他 html 元素表示的元数据，比如 base，link，script，style 和 title 以及 charset Title 明确指定标题 网页选项卡/搜藏夹书签的标题

Body

接下来这部分是主要内容
爷换行了 明确告诉计算机你要换一行，不然它不知道你空格是干啥，也要注意和 p 内容分段的区别
自封闭是 xhtml 特色，现在都兼容 P paragraph 单独一段，人知道你锁进就是新一段，但是计算机不知道 h1-h6 多级标题 h1 只有一个，各级直接有等级关系 Em emphasis 强调 italics Strong 重要性 bold strong 会让屏幕阅读器发重音，这主要是一个无障碍上的作用

列表

Ul unordered list 无序表 Ol ordered list 有序表，项目按整数递增 Li list item 列表项目 Dl description list 描述/定义表 常用于术语概念说明 Dt description term 描述项 Dd description description 描述内容 列表可以嵌套

link

A anchor 导向其他地址 有 href 的属性指向具体地址 可以引用本文件里的其他文件，也可以引用加 id 的元素 被包裹的内容成为有下划线的链接 Img 引入图像 src 制定地址 width 和 height 制定宽高 alt 为额外描述，主要给无障碍的人读 标签也没关闭符

浏览器对部分 tag 的默认行为

html，head 和 body 基本都是一种 code 风格，你不加浏览器也自动给你给你转换

部分语义化标签

figure 会让 img 的区别主要是出版上的，img 就一张图，而 figure 则是配了图头，图例等等的完整出版图表 Section titled block of content audio 和 video 以及 picture 都可以套 source 来准备多种格式的资源 也都可以套 track 来处理字幕，也就是所谓的文本轨道 这都算 webvtt 的内容