前端与HTML
MDN 上的 HTML 参考，包含每个标签和属性的详细说明：link.juejin.cn/?target=htt…
前端和服务器端通过网络协议交互数据
前端应该关注：功能、美观、无障碍、安全、性能、兼容、体验
HyperText Markup Language 超文本标记语言 超文本包括图片、标题、链接、表格等
DOM树（层次化节点 <head><body>)
空标签可以不闭合，比如input、meta
属性值推荐用 双引号 包裹 <img src="photo.jpg">
某些属性值可以省略，比如required、readonly
列表：
<ol>有序列表 前面带数字123<ul>无序列表 前面带小黑点<dl>定义列表<dt>定义术语<dd>定义描述（类似表格）
新窗口打开超链接 target="-blank"
alt="Metal movable type" 图像无法显示时的替代文本
controls是audio和video标签的一个属性，规定浏览器应该为视频或音频提供播放控件。
选择：
- 多选
type="checkbox" - 单选
type="radio" - 下拉选择
<select><option> - 自由输入但有辅助提示（输首字母得全部地名）
<datalist id=" "><option>
引用：
<blockquote>长引用标签/快捷引用<cite>短引用（引用的一般是章节等 比较模糊）<p>短引用（内容具体）<code>代码引用（可长可短）<pre>预格式化的文本<strong><em>强调标签
内容划分
语义化的好处：
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
怎样做到可视化？了解标签和属性的含义，思考什么标签最适合描述这个内容
