当前位置:首页 > 学习提升 > html 相关 > 正文内容

浏览器页面有哪三层构成,分别是什么,作用是什么?

自由小鸟2年前 (2023-01-03)html 相关747

网页分成三个层次,即:结构层、样式层、行为层。
HTML:结构层网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实 的基础,HTML的坚实基础创建了一个可以在其上创建网站的平台。 结构层用于存储客户想要阅读或查看的所有内容。HTML结构可以包含文本和图像,它包括访问者用 于浏览网站的超链接。这是在符合标准的HTML5中编码的,可以包括文本,图像和多媒体(视频,音频等)。 网站内容的每个方面都应该在结构层中表示。这允许关闭JavaScript的客户或无法查看整个网站的 CSS访问权限的客户(如果不是所有功能)。

CSS:样式层 该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。这些文件包含有 关如何在Web浏览器中显示文档的样式说明。样式层通常包括基于屏幕大小和设备更改站点显示的 媒体查询。 网站的所有视觉样式都应位于外部样式表中。您可以使用多个样式表,但请记住,每个CSS文件都需 要HTTP请求才能获取它,从而影响站点性能。

JavaScript:行为层 行为层使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。JavaScript是行为层最 常用的语言,但CGI和PHP也经常被使用。 当开发人员引用行为层时,大多数都是指在Web浏览器中直接激活的层。您可以使用此图层直接与 DOM(文档对象模型)进行交互。在内容层中编写有效的HTML对于行为层中的DOM交互非常重 要。在构建行为层时,应该像使用CSS一样使用外部脚本文件来优化速度和性能。

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=157

返回列表

没有更早的文章了...

下一篇:HTML5的优点与缺点

“浏览器页面有哪三层构成,分别是什么,作用是什么?” 的相关文章

HTML5的优点与缺点

˂a name="###### ##### 优点" class="reference-link" href="#"˃###### ##### 优点1》、提高可用性和改进用户的友好体验;2》、有几个新标签,有助于开发人员定义重要内容;3》、可给站点带来更多多媒体元素(视频和音频);4》、可很好的替代F...

Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

怪异模式和严格模式(译注:一般称为标准模式:Standards Mode,下文中的严格模式都可以理解为标准模式)是浏览器解析CSS时的两种‘模式’。这篇文章将简单阐述这两种模式之间的差异。 译注:一个网页一般由两部分组成即:HTML(Hypertext Markup Language)和CSS(C...

HTML5有哪些新特性、移除了哪些元素?

˂a name="新特性" class="reference-link" href="#"˃新特性拖放(Drag and drop)API语义化标签(header、nav、footer、section、article、aside)音频、视频(audio、video)API画布(canvas)API地...

html中的doctype有什么作用,HTML文件里开头的!Doctype有什么作用?

每个 HTML 文件里开头都有个很重要的东西,DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文档类型声明,即告诉浏览器当前 HTML 是用什么版本编写的。 ˂a name="一. 背景介绍" class="reference-link...

对WEB标准以及w3c的理解与认识?

web标准可以分为结构、表现和行为。 结构主要是有HTML标签组成。或许通俗点说,在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表,通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成。web标准一般是将该...