[TOC]

0X00 前端开发语言

1.快速学习 HTML5 元素

1.1 根元素

html 标签 (主根元素) : 表示一个 HTML 文档的根（顶级元素）, 所有其他元素必须是此元素的后代。

head 标签 (头部根元素) : 表示包含了诸如页面的 title（标题）、指向 CSS 的链接（如果你选择用 CSS 来为 HTML 内容添加样式）、指向自定义图标的链接和其它的元数据（描述 HTML 的数据，比如，作者和描述文档的重要关键词）等信息。

body 标签 (主体根元素) ： 表示文档的内容，该标签标签中可以包含许多其他标签，由他们相互嵌套使用，便组合成网页页面结构。

1.2 头部元素

描述: 头部标签元素通常是包含在head标签之中，大致标签如下所示。
参考地址: https://blog.weiyigeek.top/2023/2-22-716.html

meta 标签: ，元数据标签元素，其表示那些不能由其它 HTML 元相关（meta-related）元素表示的元数据信息，通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

title 标签：设置该HTML页面的标题名称。

base 标签: 设置基本的链接地址(链接目标),该标签作为HTML文档中所有的链接标签的默认链接。

link 标签: 设置当前网页的外部链接样式表(CSS),简称外部样式，此外也可以被用来创建站点图标 (比如 PC 端的 favicon 图标和移动设备上用以显示在主屏幕的图标)。

style 标签: 设置当前网页的内部链接样式表(CSS),简称内部样式。

script 标签: 设置用于嵌入(内部JS)或引用(外部JS)可执行脚本。

noscript 标签：设置当页面不支持JS或者JS被禁用时的文本提醒。

1.3 标题段落元素

描述: 下述列举出常用的标题、段落以及单元素标签。
参考地址: https://blog.weiyigeek.top/2023/2-22-716.html

h1 to h6 标签 : 用来定义 HTML 标题，其中 h1 定义重要等级最高的标题,h6 定义重要等级最低的标题。

p 标签 : 块级元素表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。

span 标签: 是短语内容的通用行内容器，并没有任何特殊语义，行内标签。

br 标签 : 生成一个换行（回车）符号。

hr 标签 ：生成一行分割线。

1.4 格式化输出元素

描述: HTML定义很多供格式化输出的元素, 比如粗体和斜体字以及删除线等。
参考地址: https://blog.weiyigeek.top/2023/2-22-717.html

small 标签 ：定义小号文本。

i 标签 : 定义斜体文本。

b 标签 : 定义粗体文本。

em 标签 ：定义强调文本。

strong 标签 ：定义语气更为强烈的强调文本。

mark 标签(H5) : 定义带有记号的文本并高亮显示。

sub 标签 : 定义下标文本。

sup ：定义上标文本。

u 标签 ：定义下划线文本。

s 标签 ：定义加删除线的文本。

del 标签 ：定义被删除文本。

ins 标签 : 定义被插入文本。

bdi 标签 : 设置一段文本，使其脱离其父元素的文本方向设置。

bdo 标签 : 定义文本的方向。

rp 标签(H5) : 设置包含特殊符号，例如括号

rt 标签(H5) : 设置包含字符的发音

ruby 标签(H5) : 用来展示东亚文字注音或字符注释，包含 rp 与 rt 标签。

1.5 引用、引用和术语定义元素

描述: 通常我们会在网页中看到文字的长短引用，字母的缩写，以及文字展示方向，其实现通常有如下标签展现，用于创建文档的索引或术语表。

参考地址: https://blog.weiyigeek.top/2023/2-22-717.html

q 标签 : 定义短的引用。

blockquote 标签 : 定义长(块)的引用。

cite 标签 : 定义引用、引证 (citation), 表示一个作品的引用，如书籍、杂志、期刊等

dfn 标签 : 定义一个定义项目，使用斜体表示。

abbr 标签 : 定义一个名称的简写或者缩写。

address 标签 : 定义文档作者或拥有者的联系信息。

wbr 标签(H5) :规定在文本中的何处适合添加换行符。

1.6 插件元素元素

描述: 使用如下HTML提供的插件标签，我们可以定义一个时间日期、以及范围，进度和对话框。
参考地址: https://blog.weiyigeek.top/2023/2-22-717.html

time 标签 (H5)：定义一个日期/时间

meter 标签 (H5) ：定义度量衡, 用来显示已知范围的标量值或者分数值。

progress 标签 (H5)：定义运行中的任务进度（进程）。

dialog (H5) 标签: 定义一个对话框或者窗口.

1.7 文档分区布局元素

描述: 使用如下标签可以快速针对文档进行布局（内容分区），让文档导航栏，文章内容以及内容主题、外部内容连接与页脚末尾使用对应的语义标签。
参考地址: https://blog.weiyigeek.top/2023/2-24-718.html

div 标签: 定义 HTML 文档中的一个分隔区块或者一个区域部分。

header (H5) 标签: 定义一个文档头部

nav (H5) 标签: 定义文档导航链接的部分

section (H5) 标签 : 定义了文档的某个区域

article (H5) 标签 : 定义一个文章内容

main 标签: 定义文档的主体部分。

aside (H5) 标签: 定义其所处内容之外的内容。

footer (H5) 标签 : 定义一个文档底部

figure 标签 : 定义媒介内容的分组，以及它们的标题，独立于内容。

figcaption 标签 : 定义 figure 元素的标题。

details (H5) 标签: 定义了用户可见的或者隐藏的需求的补充细节。

summary (H5) 标签 : 定义一个可见的标题,当用户点击标题时会显示出详细信息。

1.8 列表元素

描述: 使用下述标签，我们可以定义创建一个有序或者无序列表。
参考地址: https://blog.weiyigeek.top/2023/2-27-719.html

ol 标签: 定义有序列表

ul 标签: 定义无序列表

li 标签: 定义列表项

dl 标签: 定义定义列表，通常用于展示词汇表或者元数据。

dt 标签: 定义定义项目

dd 标签: 定义定义的描述

1.9 表格元素

描述: 使用下述标签，我们可以快速自定义创建一个多行多列表格。
参考地址: https://blog.weiyigeek.top/2023/2-27-719.html

table 标签 : 定义表格，一般表格数据太多，就会下载一点显示一点

caption 标签 : 定义表格标题

th 标签 : 定义表格的表头，与表格单元数量相同就行

tr 标签 : 定义表格的行，有几个就有几行

td 标签 : 定义表格单元，有几对就有几列

col 标签 : 定义用于表格列的属性

colgroup 标签 : 定义表格列的组

thead 标签 : 定义表格的页眉

tbody 标签 : 定义表格的主体，全部下载才显示

tfoot 标签 : 定义表格的页脚

计算机从业必备学籍笔记
年轻人，你渴望力量吗?

1.10 表单元素

描述: 一个复杂的表单可以使用如下标签进行组合使用，通常是前端提交到后端必备标签。
参考地址: https://blog.weiyigeek.top/2023/3-14-721.html

form 标签: 定义供用户输入的 HTML 表单

label 标签: 定义 input 元素的标注

input 标签: 定义输入控件

textarea 标签: 定义多行的文本输入控件

button 标签: 定义按钮

select 标签: 定义选择列表（下拉列表）

optgroup 标签: 定义选择列表中相关选项的组合

option 标签: 定义选择列表中的选项

legend 标签: 定义 fieldset 元素的标题

fieldset 标签: 定义围绕表单中元素的边框

datalist 标签 HTML5 : 定义下拉列表

output 标签 HTML5 : 定义输出的一些类型

keygen 标签 HTML5 : 定义生成密钥

isindex 标签: 定义与文档相关的可搜索索引，HTML5 中不支持

1.11 超链接内嵌元素

描述: 使用如下标签可以为文字设置超链接（锚）以及内嵌网页窗口。
参考地址: https://blog.weiyigeek.top/2023/3-17-722.html

a 标签: 定义锚

iframe 标签：定义内联框架

frame 标签: 定义框架集的窗口或框架,HTML5 中不支持

frameset 标签: 定义框架集,HTML5 中不支持

noframes 标签: 定义针对不支持框架的用户的替代内容。HTML5 中不支持

1.12 图形图像元素

描述: 使用如下标签可以生成或者插入（矢量）图片到网页之中。
参考地址: https://blog.weiyigeek.top/2023/3-17-723.html

img 标签: 插入图像

map 标签: 定义图像映射

area 标签: 定义图像地图内部的区域

svg 标签: 插入 SVG 图形的容器

canvas 标签: 生成 canvas 图形

1.12 多媒体对象元素

描述: 使用如下标签可以插入音频、视频播放以及对象到网页之中。
参考地址: https://blog.weiyigeek.top/2023/3-18-724.html

Audio/Video 元素一览

source 标签 New : 定义media元素 (<video> 和 <audio>)的媒体资源。

audio 标签 New : 定义声音，比如音乐或其他音频流。

video 标签 New : 定义一个音频或者视频

track 标签 New : 为媒体(<video> 和 <audio>)元素定义外部文本轨道。

Object 元素一览

script 标签 : 定义客户端脚本，此处不做介绍，已在 【2.HTML根部头部主体标签元素介绍】中介绍，

noscript 标签 : 定义针对不支持客户端脚本的用户的替代内容，此处不做介绍，已在 【2.HTML根部头部主体标签元素介绍】中介绍，

embed 标签 New : 定义了一个容器，用来嵌入外部应用或者互动程序（插件）。

object 标签 : 定义嵌入的对象。

param 标签: 定义对象的参数。

applet 标签: HTML5不再支持，HTML 4.01 已废弃，定义嵌入的 applet。

1.13 交互元素

参考地址: https://blog.weiyigeek.top/2023/3-18-724.html

menu 标签 : 为网页文档设置右键自定义菜单。

menuitem 标签 : 为自定义右键菜单设置项目。

---

2.HTML 元素属性

属性

• 全局属性

• 标签属性

• class、id、style、title

---

3.HTML 元素事件

• 窗口事件
• 表单事件
• 键盘事件
• 鼠标事件
• 多媒体事件

---

4.HTML 元素编码

• URL编码
• 语言代码
• 字符集