HTML基础
超文本标记语言，具有标记能力但不具有逻辑能力，例如Markdown等
HTML5：
- 新的语义标签
- 浏览器标准统一
HTML元素
HTML文档包含多个HTML元素
HTML元素 = 开始标签 + 结束标签 + 元素内容
- 一些元素只有一个标签
- HTML元素标签不区分大小写
- 元素标签不区分大小写
- 元素可以嵌套在其他元素中间
- 元素可以拥有属性，属性包含元素的额外信息
HTML的固定结构：
<!DOCTYPE html>HTML文档最前面，按照W3C的HTML5标准来解析渲染页面<html>根元素，包含整个页面的内容<head>用户不可见，页面描述，字符编码等<body>用户可见，文本图像等
<head>中常用元素：
<meta> 字符编码，关键字，页面描述
<title>页面标题
<style>CSS样式
<link> 页面图标，样式表
<script>外部js，解决阻塞：defer立即下载，延迟执行；async立即下载，下载完执行
<body>中常用元素：
- 内联元素(inline)：只占据它对应标签的边框所包含空间；只能容纳文本或其他内联元素
- 块级元素(block)：占据父元素的整行，总是从新行开始；容纳其他块元素或内联元素
- 行内块级元素(inline-block)：行内排列，不独占一行
语义化：
便于开发者阅读的可维护性更高，让机器更好解析
区块
<header>介绍性信息
<nav>导航链接
<article>独立的文档
<section>主题按内容分组，通常包含标题
<aside>与页面几乎无关，通常侧边栏，如广告
<footer>页脚，不包含在大纲中，如友链
分组
<figure>图表
<figcaption>图表标题
<blockquote>块级引用元素
<dl>/<dt>/<dd>描述键值对
<cite>引用作品标题
<time>机器可读的时间和日期
多媒体元素
<img> src路径 alt文本描述 decoding解码方式 loading懒加载
<picture> 包含多个<source> <img>来为不同的设备提供图像版本 media媒体条件 type浏览器根据条件渲染
<video>/<audio> src路径 source可代替资源
HTML解析
- 输入HTML解析为一棵DOM树
- 样式计算，构建CSSOM树
- 将DOM和CSSOM组合成一个Render树
- 布局计算
- 绘制
一定要写完QwQ