开始！是的，你没看错，我将以HTML标签开始我的整个系列文章。非常基本，对吧？但是每个前端人都是从最简单的HTML标签开始的，整个前端世界都是从一个开始的，不是吗？文章将如何收场？不知道哈哈哈，拭目以待吧！也是时候为自己找个状态了。（非初学者可以跳过）HTML看起来像这样的HTML，全称是HypertextMarkupLanguage，也就是“超文本链接标记语言”……其实没什么好说的。.简单的说，当你访问一个网页时，无论这个网页多么酷炫，功能多么复杂，都是由HTML标签一个一个构建起来的。就像谷歌的真面目是这样的：页面就是由右边这些密密麻麻的标签组成的。然后浏览器根据标签和样式规则渲染出相应的页面呈现给我们。HTML版本的发展，从HTML初稿的发布，到更加成熟的HTML5，经历了整整25年（与我同龄）。HTML4.0和4.01其实是比较友好的标准，我们现在使用的一些基础标签都是它的产物。例如：h1~h6、p、a、table、div、span、img……等使用频率很高的标签，早早就实现了。然而，随着现代网络技术的更新和发展，网页需求越来越复杂，显示形式越来越多，HTML难以承载这一切。因此，HTML5应运而生。作为最新的HTML标准，HTML5添加了新的语义、图形和多媒体元素，同时也为旧标签添加了许多新属性。比如新的标签canvas解决了图形甚至动画的表达缺陷，新的APIlocalStorage解决了web应用的本地存储问题。同时，HTML5增加了很多语义标签article、header、footer、section……在我们目前的工作中，几乎所有的项目都是基于HTML5的，除非你想兼容一些非常低版本的浏览器。要满足兼容IE的要求，真是让人头疼。上帝祝福你！HTML标签的分类根据HTML标签的布局特点，可以对其进行分类。块级元素块级元素大多是结构化标签，特点是能够识别和设置宽高，可以自动换行。块级元素可以包含行内元素和块级元素。如：address,caption,div,h1~h6,dd,dl,dt,fieldset,form,legend,li,ol,ul,noframes,noscript,p,pre,table,tbody,tgoot,td,th,thead,tr内联元素内联元素的特点是不能识别和设置宽高，不会自动换行。行内元素可以包含行内元素，但不能包含块级元素（写出来没问题，但不符合标准）。如：a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,kbd,label,q,samp,select,strong,sub,sup,textarea,ttinlineblock-levelelements和Inlineelements类似，但它可以设置宽度和高度。比如：img和input一般可以通过css修改元素样式display:inline-block来实现。虽然标签区分了是块级的还是内联的，但是你仍然可以通过设置它们的样式来改变它们的显示形式。HTML语义说实话，我在工作中还是忽略了语义，基本都是用DIV+CSS来开发。这里我们要反思一下，存在是合理的，语义标签那么多，还是多用吧。选择正确的标签（代码语义）让开发人员更容易阅读和编写更优雅的代码，同时允许浏览器爬虫和机器很好地解析它。尤其是一些官网项目，或者对SEO要求比较高的项目，尽量逼自己去实现语义化。参考：如何理解Web语义？今天的那些没什么营养，写出来似乎意义不大。明天再写盒子模型。关于我的微信号：rcgrcg，欢迎交友~为了生计，我也承接外包项目~网站建设（PC、H5、前后端全包，我们有团队）、APP开发（安卓）和IOS），都有成功案例哦。如果您有兴趣，请与我联系！！您满意的那种服务套餐！！祝你好运！2018-11-12厦门
