文档章节

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

o
 osc_zoa3moe9
发布于 2019/12/08 23:13
字数 499
阅读 24
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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

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

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

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

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

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

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

 

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

 

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

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

o
粉丝 1
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Web标准中的常见问题

Web 标准中的常见问题 引言 大概在2004年的时候,Web标准的概念藉由一本名为《网站重构》的书开始被国内人所了解。随后的几年中,其更少的代码量、更好的搜索引擎友好性、更好的浏览器兼容性...

张子阳
2007/08/30
0
0
结构和样式,行为的分离

实现高质量的代码需要我们在结构和样式,行为的分离的基础上做到:精简,重用,有序。 精简:尽量减小文件的大小,提高页面加载速度。 重用:提高代码的重用性,减少冗余代码,提高开发速度。...

吴金瑞
2018/06/26
0
0
结构和样式,行为的分离

实现高质量的代码需要我们在结构和样式,行为的分离的基础上做到:精简,重用,有序。 精简:尽量减小文件的大小,提高页面加载速度。 重用:提高代码的重用性,减少冗余代码,提高开发速度。...

吴金瑞
2017/05/09
0
0
浏览器页面有三层构成,分别是什么,作用是什么

有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上,设计网站时,把网页当做纸质印刷品来对待是最容易想到的思想,除了把白纸换成了屏幕,其他做法没什么两 样。这种做法注定会失败。...

osc_qsdpzxzp
2019/03/08
1
0
【前端知识体系-HTML相关】HTML基础知识强化总结

1.如何理解HTML? HTML类似于一份word“文档” 描述文档的“结构” 有区块和大纲 2.对WEB标准的理解? Web标准是由一系列标准组合而成。一个网页主要由三部分组成:结构层、表现层和行为层。...

osc_ckub9v3l
2019/11/16
1
0

没有更多内容

加载失败,请刷新页面

加载更多

【Nginx】实现负载均衡、限流、缓存、黑白名单和灰度发布,这是最全的一篇了!

写在前面 在《【高并发】面试官问我如何使用Nginx实现限流,我如此回答轻松拿到了Offer!》一文中,我们主要介绍了如何使用Nginx进行限流,以避免系统被大流量压垮。除此之外,Nginx还有很多...

osc_6l5fg87g
15分钟前
9
0
一小时完成后台开发:DjangoRestFramework开发实践

DjangoRestFramework开发实践 在这之前我写过一篇关于Django与Drf快速开发实践的博客,Django快速开发实践:Drf框架和xadmin配置指北,粗略说了一下Drf配置和基本使用,不过里面只是涉及到最...

osc_z2ru77w0
16分钟前
14
0
数据载入、存储及文件格式知识图谱-《利用Python进行数据分析》

所有内容整理自《利用Python进行数据分析》,使用MindMaster Pro 7.3制作,emmx格式,源文件已经上传Github,需要的同学转左上角自行下载或者右击保存图片。

osc_161difcz
18分钟前
8
0
Java异常

一、异常? java系统中将java.lang.Throwable类作为异常的最根类 [java.lang.Throwable是所有异常或错误的顶级类,可以处理任何异常] * java.lang.Throwable * |-----java.lang.Error:一般...

osc_o44vh5qb
19分钟前
23
0
(1)Linux系统中到底应该怎么理解系统的平均负载

每次发现系统变慢时,我们通常做的第一件事,就是执行 top 或者 uptime 命令,来了解系统的负载情况。比如像下面这样,我在命令行里输入了 uptime 命令,系统也随即给出了结果。 $ uptime...

osc_i5oyb1xr
20分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部