什么是结构,样式,行为相分离?

客户端基础学习,我将以我理解以及掌握的知识来解释客户端的几个重要名词。

什么是结构,样式,行为相分离?这样做的好处是什么?

所谓结构,就是HTML(全称:Hypertext Markup Language)即超文本标记语言,是网页最基础的部分,也是最重要的部分。页面中所有的内容都是通过HTML语义化标签进行编写将信息展示到人们眼前。语义化即有特殊含义的标签,不同的语义化标签用于存放页面中不同位子的内容。(常见的有:header:用于表示页面或者某个区域的头部nav:用户表示导航栏section:表示一个整体的一部分主题footer:表示页面或某个区域的脚注……)这样做可以更容易被搜索引擎收录、能更好的体现页面的主题,兼容性也更好,支持更多的网络设备。

样式就是CSS(全称:Cascading Style Sheets)即层叠样式表又称级联样式表,为HTML标记语言提供了一种样式描述,通过css中的语法,我们可以将页面的内容做到美化的效果,比如设置图片的大小,位置。给文字添加颜色加粗等等,通过HTML我们可以完成静态页面,那么CSS就是用来修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS语言的特点有:丰富的样式定义、易于使用和修改、多页面应用、层叠……

行为就是JS(全称:java  script)是web应用开发最难的部分,但它主要功能是来给HTML页面添加交互行为。

相分离就是将他们分开进行编写,好处代码能够更好的维护和修改,让HTML结构层看起来不那么复杂,,比如,我想修改文字的大小,我只需要打开CSS样式层进行修改即可。这样做还提高的代码的复用,同一个JS、CSS文件可以应用到不同HTML页面中,减少了代码的书写。

posted on 2019-12-08 01:43  ~sun  阅读(618)  评论(0)    收藏  举报

导航