前端
前后端之间通过 http 协议进行传输
- node.js —— 后端开发
- ELECTRON —— 客户端开发
- React —— 客户端开发 / 页面样式开发
- WebRTC —— P2P实时传输
- WebGL —— web端图像渲染
- WebASSEMBLY —— 将其他语言转换成浏览器代码
HTML
基础入门
什么是HTML
HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。 HTML不是一种编程语言，而是一种标记语言（markup language）。 标记语言是一套标记标签（markup tag）。
超文本的含义：
- 它可以加入图片、声音、动画、多媒体等内容（超越文本限制）。
- 它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
基本语法规范
- HTML 标签是由尖括号包围的关键词，例如
<html>。 - HTML 标签通常是成对出现的，例如
<html>和<html/>，称为双标签。第一个是开始标签，第二个是结束标签。 - 有些特殊标签必须是单个标签（极少情况），例如
<br/>，我们称之为单标签。
- 自定义组件用大写，原生组件用小写
标题
h1 ~ h6
列表
是有序列表
<ol>
- 原神
- 崩铁
- 方舟
是无序列表
<ul>
- 原神
- 崩铁
- 方舟
定义列表
<dt>,<dd>
连接 <a>
超链接 <a href="">
多媒 <img>,<audio>,<video>
表单 <input>
多选
<checkbox>
单选
<radio>
下拉选择
<select>,<option>
输入提示
输入框<input list="">
输入列表<datalist id="">,选项<option>
文本 <p>
块级引用 <blockquote>
短引用 / 标签 <cite>,<q>
内行代码 <code>
强调 <strong>,<em>
文本格式化标签
在网页中，有时候需要为文字设置粗体、斜体或下划线等效果，需要使用 HTML 中的文本格式化标签，使文字以特殊方式显示。
标签语义： 突出重要性，比普通文字重要。
| 语义 | 标签 | 说明 |
|---|---|---|
| 加粗 | <strong></strong>或<b></b> | 更推荐<strong>，语义更强烈 |
| 斜体 | <em></em>或<i></i> | 更推荐使用<em>，语义更强烈 |
| 删除线 | <del></del>或<s><s/> | 更推荐使用<del>，语义更强烈 |
| 下划线 | <ins></ins>或<u></u> | 更推荐使用<ins>，语义更强烈 |
内容划分
编写规范
语义化
<lang>用来显示当前文档显示的语言。
<html lang="zh-CN">
<html lang="en"></html>
</html>Copy to clipboardErrorCopied
en定义语言为英文。zh-CN定义语言为中文。
这个属性对浏览器和搜索引擎（谷歌/百度）还是有作用的。
谁在使用我们写的 HTML
- 开发者 — 修改、维护页面
- 浏览器 — 展示页面
- 搜索引擎 — 提取关键词、排序
- 屏幕阅读器 — 给盲人读页面内容
