工作界面上开发工作与设计师有什么区别

工作界面上开发工作与设计师有什么区别？

作为一名设计师，我们在进行设计的页面是一个可视化的一个状态，我们是可以在设计的过程中很明确看到每个元素所处的位置，并且可以通过拖动鼠标轻易进行调整的。

但是在开发的屏幕上他们是使用字母代码去实现设计稿，只能通过网页的窗口和模拟器进行预览。大部分开发的习惯都是写好以后进行发布预览，而不是类似设计实时进行预览调整的。

3. 页面是如何搭建起来的？

上面我们已经知道了构成页面的元素有框架、样式、数据，那么前端开发是如何利用这些元素将页面搭建起来的呢？

众所周知，在建立一幢房子的初期，建筑工人会在房子的外围搭建脚手架起到方便搭建和稳固房子的作用，然后再一步步地将钢筋水泥覆盖上去，同理前端开发也会利用标签作为代码的脚手架将上述的页面元素搭建起来。

1）前端常见标签详解

我们知道，前端是利用标签将元素串联起来的；那什么是标签呢？

不知道大家有没有去仔细观察过前端所写的代码，此处举一个小案例方便大家对后面的内容去理解，并且我也对前端写的一些代码进行视觉上的优化，便于我们去理解标签的。毕竟我们也不是要真的硬核到去学习怎么去写这些代码。以下面的页面为例子，左侧为实现的页面，右侧为部分代码。

通过观察可以得知，整个代码都是由单标签和双标签组合而成的。

2）双标签

可以观察到代码结构是由很多很多的尖括号去引导的，每个尖括号都括起来一个词，而且这个词都是成双成对出现的。我们可以将这一组称之为双标签；他可以依据不同的标签去实现不同的功能；

3）容器标签 </div>

可以理解为一个盒子，任何东西都可以装在里面。