史上最全HTML分类标签，看完不了解来砍我
2020-12-10 本文已影响0人
前前前端小飞
html标签
html标签HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
- 标签不会出现在页面中，只有标签中的内容才会显示在页面上 ：也就是
<html>此处为内容</html> - 标签不区分大小写，但是推荐使用小写 ：(X)HTML 版本中强制使用小写，这样更加严谨
- 标签分为闭合标签和空标签 ：闭合标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，例如：
<html></html>、<p></p>；空标签是没有内容的标签，在开始标签中自动闭合，例如：<img />、<br />、<hr />等
html标签分类
html标签又叫做html元素，它分为块级元素和内联元素（也可以叫做行内元素），都是html规范中的概念。
块级元素
块级元素是指本身属性为display:block;的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。
块级元素的特点：
- 独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布
- 可以直接控制宽度、高度以及盒子模型的相关css属性
- 在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
- 在不设置高度的情况下，块级元素的高度是它本身内容的高度
常用的块级元素
| 标签 | 描述 |
|---|---|
| div | 常用块级容器，也是css layout的主要标签 |
| h1 | 大标题 |
| h2 | 副标题 |
| h3 | 三级标题 |
| h4 | 四级标题 |
| h5 | 五级标题 |
| h6 | 六级标题 |
| hr | 水平分隔线 |
| menu | 菜单列表 |
| ol | 有序列表 |
| ul | 无序列表 |
| li | 列表项 |
| dl | 定义列表 |
| dt | 定义术语 |
| dd | 定义描述 |
| table | 表格 |
| p | 段落 |
| form | 交互表单 |
内联元素
内联元素是指本身属性为display:inline;的元素。因为它自身的特点，我们通常使用块级元素来进行文字、小图标（小结构）的搭建。
内联元素的特点：
- 和其他内联元素从左到右在一行显示
- 不能直接控制宽度、高度以及盒子模型的相关css属性，但是直接设置内外边距的左右值是可以的
- 内联元素的宽高是由本身内容的大小决定（文字、图片等）
- 内联元素只能容纳文本或者其他内联元素（此处请注意，不要在内联元素中嵌套块级元素）
常用的内联元素
| 标签 | 描述 |
|---|---|
| span | 常用内联容器，定义文本内区块 |
| a | 锚点 |
| b | 加粗 |
| strong | 加粗强调 |
| i | 斜体 |
| em | 斜体强调 |
| s | 中划线（不推荐使用） |
| strike | 中划线 |
| del | 文档中已被删除的文本 |
| br | 强制换行 |
| u | 下划线 |
| textarea | 多行文本输入框 |
| input | 输入框 |
| select | 下拉列表 |
| label | input 元素定义标注（标记） |
| img | 引入图片 |
| sub | 下标 |
| sup | 上标 |
| big | 大字体文本 |
| small | 小字体文本 |
另外，dog这里收集了一些css,html,flutter，vue等源码笔记，需要的可以点我获取
200源码笔记
总结：
不得不说前端涉及的内容是如此地广泛，文章持续更新中~
请多多关注前端dog喔~
