术语
w3c组织定义的语言规范（https://www.w3.org/）
用于形容页面构造的语言 （超文本标记语言）
可参考文档：MDN
罕用的元素
1. 文本元素：
h（h1~h6）1级题目~6级题目 （块级元素）`<h1></h1>`
p 段落 （块级元素）`<p></p>`
span （无语义,仅用于设置款式,行内元素） `<span></span>`
pre （预格式化文本元素,不会被空白折叠） `<pre></pre>`
（空白折叠：在源代码中的间断空白字符（空格,换行,制表）会被折叠为一个空格）
还有其余文本元素如：b,i,em,s等
2. a元素：
超链接 `<a></a>`
href属性：通常示意跳转地址
作用：一般链接
锚链接（利用id）
性能链接（执行js代码：'javascript:'。发送邮件：'mailto:'。拨号：'tel:'）
target属性：示意跳转窗口的地位
target取值： _self：在以后页面窗口中关上
_blank：在新窗口中关上
门路的写法：
门路有 绝对路径 和 相对路径
站内资源可应用相对路径和绝对路径
站外资源应用绝对路径
绝对路径书写格局：协定名://主机名:端口号/门路
schema://host:port/path
协定名:http,https,file
主机名:域名,IP地址
端口号:若协定为http,默认端口号为80。若为https,默认端口号为443
相对路径书写格局：以./或者../结尾（./可省略）, （./示意以后资源所在目录 , ../示意返回上一级目录）
3. 图片元素（img）
`<img src="" alt="">`
src属性：source
alt属性：当图片资源生效时，会应用该属性的文字代替图片
和a元素联用：a标签包裹img标签
和map元素联用：map应用name属性
img标签则应用usemap属性
map的子元素：`<area shape="" coords="" href="" alt="" target="">`
shape:区域形态（圆形,矩形,多边形）
coords:形态的关键点坐标（掂量坐标时可应用业余的掂量工具:pxcook,ps,...）
和figure元素(HTML5新增)联用：figure包裹a元素和img元素（应用场景：图片有其余的文字信息）
4. 多媒体元素（HTML5新增）
视频：`<video src=''></video>`（格局：mp4，webm）
音频：`<audio src=''></audio>`
（可在其子元素source中写属性src）
一些属性取值：controls（显示控件），autoplay（自动播放）,muted（静音播放），loop（循环播放）
兼容性：旧版本的浏览器不反对这两个元素（以前少数应用flash）
不同的浏览器反对的音视频格局可能不统一
5. 列表元素
有序列表：ol，li（ol的type属性：可抉择排序序号的类型）
无序列表（较罕用）：ul，li（ul同样有type属性）
定义列表：dl，dt，dd（通常用于一些术语的定义）
对于type属性：除非列表中序号很重要（比方，在法律或者技术文件中条目通常被须要所援用），否则请应用 CSS 属性 list-style-type 能够设置列表元素的 marker（比方圆点、符号、或者自定义计数器款式）。) 属性代替。
6. 容器元素（该元素代表一个块区域，外部用于搁置其余元素）
div：`<div></div>`
header：通常用于示意页头
footer：通常用于示意页脚
article：通常用于示意整篇文章
section：通常用于示意文章章节
aside：通常用于示意侧边栏
（其中header,footer,article,section,aside都为语义化容器元素，是HTML5的元素）
7. 表单元素（次要用于收集用户数据）
input：`<input type='' value=''>` （输入框）
type属性：输入框类型。可选text,passwprd,file,date,range(滑块),search,color,checkbox(多选框),radio(单选框),reset(重置按钮),button(一般按钮),submit(提交按钮),...
value属性：输入框的值
placeholder属性：显示提醒的文本，文本框没有内容提醒
select：`<select><option></option></select>`（通常和option元素配合应用）
可进行分类抉择：select与optgroup配合应用
textarea：`<textarea name='' cols='' rows=''></textarea>` （文本域）
cols:列数
rows:行数
button：`<button type=''></button>` （按钮）
可于img配合应用
配合表单元素应用的一些元素：label（label的for属性与input的id属性关联）
datalist（该元素自身不会显示到页面,通常和一般文本配合。datalist的id属性与input的list属性关联）
form（通常会将整个表单元素搁置到form元素的外部，作用是当提交表单时会将form元素的表单内容以适合的形式提交到服务器。有action和method属性）
fieldset（表单分组。子元素：legend（分组题目））
表单状态：readonly（是否只读）,disabled（是否禁用）
一些无关表单的伪类元素：focus（聚焦款式）,checked（单选框或多选框被选中的款式）
8. 表格元素
当初很少用，后盾管理系统可能会应用表格元素
表格外层：`<table></table>`
表头：thead
表体：tbody
表尾：tfoot
行：tr
单元格：th/td （在tr里）
td里的属性：colspan（合并列）
rowspan（合并行）
对于块级元素和行内元素：
以前：独占某一行的元素为块级元素，行内元素不会。
当初：HTML5曾经弃用这种说法
（为什么？依据w3c官网规范的形容,元素代表的含意与显示无关）
元素蕴含关系：
以前：块级元素可蕴含行级元素，行级元素不可蕴含块级元素（a元素除外）
当初：元素的蕴含关系由元素的内容类别决定
容器元素能够蕴含任何元素
a元素简直能够蕴含任何元素
某些元素有固定的子元素（ul>li,ol>li,dl>dt+dd）
题目元素和段落元素不能互相嵌套，并且不能蕴含容器元素
其余元素
iframe：`<iframe src=''></iframe>`（通常用于一个页面嵌入另一个页面）
页面应用flash：利用object和embed元素
object的子元素param（可设置flash的参数）
abbr：`<abbr></abbr>` （缩写词）
time：`<time datetime=''></time>` （提供给浏览器或搜索引擎浏览的工夫）
b：`<b></b>` （加粗字体）
q：`<q></q>` （短援用）
blockquote：`<blockquote></blockquote>` （长援用）
br：`<br>` （换行）
hr：`<hr>` （分割线）
meta：`<meta>` （搜索引擎的优化）
link：`<link>`（连贯内部资源：css,图标）
可替换元素
特点：通常为行盒。
通常显示的内容取决于元素的属性。
CSS不能齐全管制其中的款式。
具备行块盒的特点。
常见的可替换元素:iframe,video,embed,img,textarea,...
实体字符
实体字符罕用于在页面中显示一些特殊符号
如：&单词（<>...）
&#数字（<...）
大于符号(>)，小于符号(<)，空格符号( ),版权符号(©)...
以上是对HTML的局部整顿和总结，心愿有用，有什么倡议欢送提出哦！
大家一起提高~
发表回复