码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-12-09 01:39:33      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:为什么   级联   是什么   rip   层叠   格式   解析   end   文档   

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

web标准的核心理念就是结构标准、样式标准和行为标准,提倡结构、表现和行为相分离,即HTML-结构、CSS-表现、JavaScript-行为 分离。

HTML标签给予内容含义,CSS表现层则定义HTML该如何显示(外观),JavaScript行为成为页面增加交互。

举个例子,如果一个网页是一棵树,那么HTML负责主干,CSS负责枝叶、花、果等,而JavaScript则负责外界条件,比如风、雨、阳光等。这样做有利于思考文档的语义结构,更容易维护和更改。

什么是语义化?为什么要语义化?

语义化是指合理利用HTML标记以及其特有的属性去格式化文档内容,写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。简单地说就是让机器也能读懂内容。

语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多有效信息,提升网页权重;有助于清晰看出网页结构,增强可读性;便于团队开发和维护;支持多终端设备的浏览器渲染。

 

什么是CSS?它的特点有哪些?

 

CSS (Cascading Style Sheets ) 层叠样式表/级联样式表,是一种用来表现HTML或XML等文件样式的计算机语言。

具有丰富的样式定义,可以控制网页的外观;可以同时更新多个网页的样式,易于使用和修改;使网页的表示层和结构层彻底分离;减小网页文件大小,加快网页加载速度。

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

标签:为什么   级联   是什么   rip   层叠   格式   解析   end   文档   

原文地址:https://www.cnblogs.com/tianna/p/12008587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!