前言
在web网页中，最容易被忽视的就是html了，几乎所有开发都一致鄙视html。写基础html很简单，但是如果是考虑到网页架构层面、代码性能、维护方面、SEO搜索方面以及html标签的细节巧用，那就又是一门学问了。
一、HTML是什么？
html，又叫做超文本标记语言。它不属于编程语言，因为它没有逻辑性，只能称为标记。但它是web网页端不可缺失的一部分，它主要负责的是网页的结构。
二、HTML的重点知识（持续补充）
1、html5的语义化标签；
它的好处就是可以编写更加好维护的代码，利于搜索引擎搜索。核心标签为header、nav、footer，当然还有，在此不一一列举。
2、块级元素、行内元素、内联元素；
块级元素：div、p、h1~h6、address、ol、ul、li、fieldset、table
内联元素：（行内元素）：span、i、em、strong、b、ins…sub、sup、a、label
行内块：: img、frameset、form、input、textarea
它们其实全部都是简称，当我们要考虑搜索引擎、性能维护方面的时候，优先去选择带有语义化的标签，如em，是emphasize的简称，它相比于i标签，更容易让浏览器识别。
这些标签还有一个概念，就是物理标记和逻辑标记。 比如b就是物理标记，物理标记是告诉浏览器我要加粗，只管给我加粗剩下的什么都不用管。strong就是逻辑标记，告诉浏览器去强调加粗，语气更重。
简述以上就是：物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。 通常，我们建议使用逻辑标签，它更利于搜索引擎，并且更直观的向开发者传递含义。
3、标签结构包含问题
块级元素可以包含任何元素，但不建议p标签包含div，在element中会出现两个p标签的问题。
行内元素不能包含块级元素
a标签不能包含a标签
4、a标签的作用
a标签，又称锚点。我们平常会用它的属性href去做链接跳转。其实这个标签还有别的作用，如：
打电话
发邮件
定位元素等
5、frameset，这个标签可呈现出一种框架形式，不过由于它对于搜索引擎极度不友好、以及它的性能和兼容性问题，已经被淘汰。前几年的程序员最喜欢用这个标签去做分栏。它不可与body标签同时出现。它可以拖拽边框。同时它有一个name属性，可配合a标签属性去做跳转。iframe标签为frameset衍生
6、sub、sup 上下角标。
7、有序无序以及自定义列表
ol>li ul>li dl>dd>dt 我们最常用的就是无序列表。我们通常用它来做布局。有序列表可以在前面生成数字、字母等。可用属性设置
自定义列表可生成层级，一般不建议用，我们开发需要定制，并不喜欢自定义层级。
8、表格标签 table thead tbody tr td tfoot
以前的程序员喜欢用表格标签去做布局以及简单的表格，现在表格标签已经慢慢淡出视野了。
如果我们在使用表格标签时，建议写上thead tbody tfoot 三个标签（不写这三个 直接写表格行和表格列也不会报错）。它不仅更加语义化，更多的是适应这么一种场景：假设现在有1W数据，如果没有分页的情况下，我们不设置三个标签的话，那么要等数据加载完毕才渲染出表格。如果设置了以后，那么会先加载thead 与tfoot，也就避免了等待tbody里的数据渲染完毕才能渲染出表格的问题。
9、span 最低调的标签
我们一般使用在强调文本的场景下。如： < p > html基础知识 < span color=“red”> 很重要 < /span > < /p >
10、fieldset 类似表单效果，可提交，唯一不同的是有默认样式。
总结
以上为html基础内容总结，标签远远不止这些，html5前共有98个，html5新增30个，而且里面有很多标签属性非常的灵活，但随着组件库以及框架的衍生，我们一般不会采用原生去做公司业务。希望大家可以正确的理解html，技术无高低，功力有深浅。以上关于html的重点知识我会持续更新，同时也欢迎大家补充和更正~