要回家了有点按捺不住心里的躁动，来点简单轻松的话题。
这是个有趣的问题，应该有不少人搜过，我也搜过。出现这个问题主要还是滥用块级元素，或者是不会使用一些小技巧。举个例子，有时候我们想实现如下表单效果：
但有时候写着写着会变成下面的样子：
按我从以前遇到过情况来说，出现上面的情况的原因，可能有2个：
第一，就是可能在某个地方<label>被设置块级元素包住了
解决方法： 在外部样式使用 display: inline-block
第二，就是<label>的样式使用了 display: block
所以如果以后在写表单的时候，出现这个问题，可以从上面2个方向去查找原因，以及找出相应的解决方法。
（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html>标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。使用 <!Doctype>会让文档中的所有盒子模型以w3c标准盒子模型呈现。
（2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼容性。因此，现代的浏览器一般都有两种渲染模式： 标准模式 和 怪异模式 。在 标准模式 下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在 怪异模式 下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。
Reference1 - h5新增标签
Reference2 - HTML元素分类
Reference3 - html标签分类及常用元素
Reference4 - HTML5常用标签分类
不同的html标签，在网站优化中有不同的作用，搜索引擎对于这些标签也是比较重视的。常用的HTML标签有：H标签，strong标签，font标签，B标签等。
1、H标签
H标签是这几种HTML权重标签中最重要的一个，也是搜索引擎最看重的一个，它有6种形式，分别是H1、H2、H3、H4、H5、H6，效果也是依次递减的，也就是H1的效果高于H2，H2的效果好于H3，这样依次类推，在页面中，H标签可能起到结构化页面的作用，对于大标题则应该使用优先级别更高的h1标签，而对于内容页或者段落标题就可以使用h2-h6这样的标签，通过这种标签的设置，也能够让百度蜘蛛明白网站页面的主要标题和分标题，从而有助于百度蜘蛛更加全面的判断网页内容。网页的排版犹如报纸的排版一样，我们可以把H1标签加在页面中最重要的内容上边，H2加在副标题，一个页面中，H1只能出现一次，以示强调，H2-H6可以出现多次，使用了H标签后，内容有很强的结构感，有主次层次感。
2、strong标签
strong是一个加强语气着重强调的标签，它的强调作用主要是通过把字体加粗来实现的，但是不同的浏览器对于strong的显示效果也不太一样，在搜索引擎中，也是比较重视这个标签的，一般对于我们加strong的文本内容，搜索引擎都会给予高度的重视，虽然它的表现形式也是加粗，与H标签表现形式一样，可是它们却是两个不同的概念，不能混合使用。
3、font标签
字体标签font可以改变字符的字体，而且它的属性很多，例如大小，粗细，颜色等，在实践中我们经常使用它的颜色属性来标注不同的内容，以达到与其它字体的区别强调，以达到引起搜索引擎以及用户注意的目的。例如字体的红色属性、字体的大号字属性等
4、B标签
B标签也是加粗，但它与H标签、strong标签呈现出来的作用都是文本内容的加粗，但是它们的含义却有着很大的不同，H标签一般加在页面中的标题、副标题等使用，用于结构化网页，strong标签的主要作用是强调，可以在页面中强调某个关键词，而b标签的作用主要是加粗，仅仅是加粗，我们从它们的标签含义就能明白它们的区别，在实践中不能混为一谈。
对每一个Html标签的内涵和意义以及使用方式进行彻底了解，然后要注意标签的合理嵌套，规避标签使用混乱甚至语法错误的问题
padding就是外边框margin就是内边框，在没给img或者p加边框【border】样式的时候他们表现的都是一样的，操作方法如下：
1、首先创建HTML文档，创建一下基本的内容。
2、可以直接在标签里面加入padding。
3、这里用背景颜色会看得比较清晰。
4、接着padding-bottom只在底部加上，padding-left是在左边加上。
5、也可以连续输入4个单位数字，顺时针的顺序。除了padding，还可以加margin，就完成了。
