对于一名UI设计师来说，了解一点前端开发的知识是必不可少的。

经常会听到H5、标签、属性、数值、div、css等名词，但一直都是懵懵懂懂的，昨天和力哥取下经，终于把这几个概念弄清楚了。但是感觉总结起来确实不易，毕竟理解的不够深入。

1.html5

也就是我们常说的h5，h5并不是一种编程语言，而是所有标签的总称。它就像是一个平台，如果你想更好的记忆，我们可以暂时把他比喻成淘宝平台。

2.标签

标签和html5的关系就是店铺和淘宝，许多的店铺形成一个淘宝平台，就像标签的总称叫做html5一样。

那标签具体是什么呢？举个例子：文字标签是font，那么如果你想在页面上显示文字，就可以输入font，然后在font后面输入文字，这样开发者就可以识别这里是文字了。

3.属性

那有了文字，他的大小、颜色怎么控制呢？这时就出现了属性这个词语。字体的大小、颜色等都是标签的属性，而具体大小值、颜色值就是属性的数值。

所以由此看来，html5包含标签，标签包含属性，属性包含数值。

4.div

div是众多标签中的一种，它就像一个容器，容器里面可以增加内容，比如文字、图片等等，甚至这个容器里面还可以再装容器，也就是说div中还可以有div。

5.css样式

各种属性和数值的不同组合就会产生不同的样式。css等于样式，你可以叫它css或者样式，又或者css样式，其实说的都是一个内容。

打个比方，给你几种颜料让你随意去搭配，你可以画出不同的画面，因为颜料的多少，颜色都将影响最终的效果。

颜料就是属性，颜料的多少就是数值，而画画这个行为就是css。

css就充当一个排版、布局页面的角色，而具体怎么排，调整属性和数值就可以了。

当然这些浅显的解释都是按照我的理解来形容的，不一定精准，有兴趣可以深入了解一下。

了解一些代码的知识，可以为日后的工作提供很多帮助，避免很多不必要的低级错误。