浏览器页面有哪三层构成,分别是什么,作用是什么?
网页分成三个层次,即:结构层、样式层、行为层。
HTML:结构层网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实 的基础,HTML的坚实基础创建了一个可以在其上创建网站的平台。 结构层用于存储客户想要阅读或查看的所有内容。HTML结构可以包含文本和图像,它包括访问者用 于浏览网站的超链接。这是在符合标准的HTML5中编码的,可以包括文本,图像和多媒体(视频,音频等)。 网站内容的每个方面都应该在结构层中表示。这允许关闭JavaScript的客户或无法查看整个网站的 CSS访问权限的客户(如果不是所有功能)。
CSS:样式层 该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。这些文件包含有 关如何在Web浏览器中显示文档的样式说明。样式层通常包括基于屏幕大小和设备更改站点显示的 媒体查询。 网站的所有视觉样式都应位于外部样式表中。您可以使用多个样式表,但请记住,每个CSS文件都需 要HTTP请求才能获取它,从而影响站点性能。
JavaScript:行为层 行为层使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。JavaScript是行为层最 常用的语言,但CGI和PHP也经常被使用。 当开发人员引用行为层时,大多数都是指在Web浏览器中直接激活的层。您可以使用此图层直接与 DOM(文档对象模型)进行交互。在内容层中编写有效的HTML对于行为层中的DOM交互非常重 要。在构建行为层时,应该像使用CSS一样使用外部脚本文件来优化速度和性能。
版权声明:本文由Web学习之路发布,如需转载请注明出处。