web前端只是表示层吗

不是。web前端可分为三层:1、结构层,由HTML或XHTML之类的标记语言负责创建,用于存储客户想要阅读或查看的所有内容,可以包含文本、图像、超链接和多媒体。2、表示层,由CSS负责创建,包含有关如何在Web浏览器中显示网页文档的样式说明。3、行为层,是网页的行为,由JS语言创建,可实时更新网页中的内容,使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。

web前端只是表示层吗

本教程操作环境:windows7系统、Dell G3电脑。

W3C是指万维网联盟(World Wide Web Consortium),创建于1994年10月。W3C的出现是为了定制网页开发的标准,让使用相同的网页能在不同的浏览器中有相同的效果,所以我们定制编写的网页都需要遵循W3C的规范。

Web前端开发思路是把网页分成三个层次,即:结构层、表示(样式)层、行为层。

HTML:结构层

立即学习“前端免费学习笔记(深入)”;

网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实的基础,HTML的坚实基础创建了一个可以在其上创建网站的平台。

结构层用于存储客户想要阅读或查看的所有内容。HTML结构可以包含文本和图像,它包括访问者用于浏览网站的超链接。这是在符合标准的HTML5中编码的,可以包括文本,图像和多媒体(视频,音频等)。

CSS:样式层

该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。这些文件包含有关如何在Web浏览器中显示文档的样式说明。样式层通常包括基于屏幕大小和设备更改站点显示的媒体查询。

网站的所有视觉样式都应位于外部样式表中。您可以使用多个样式表,但请记住,每个CSS文件都需要HTTP请求才能获取它,从而影响站点性能。

JavaScript:行为层

行为层使网站具有交互性,允许页面响应用户操作或基于一组条件进行更改。JavaScript是行为层最常用的语言,但CGI和PHP也经常被使用。

当开发人员引用行为层时,大多数都是指在Web浏览器中直接激活的层。您可以使用此图层直接与DOM(文档对象模型)进行交互。在内容层中编写有效的HTML对于行为层中的DOM交互非常重要。在构建行为层时,应该像使用CSS一样使用外部脚本文件来优化速度和性能。

简单来说,JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页

HTML 用来定义网页的内容,例如标题、正文、图像等;

CSS 用来控制网页的外观,例如颜色、字体、背景等;

JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其中的内容等,可以让网页更加生动。

HTML是超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML负责网页三个组成部分中的结构,HTML使用标签的形式来标识网页中的不同组成部分。所谓的超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

CSS 是指层叠样式表 (Cascading Style Sheets),样式定义如何显示HTML 元素,用于控制web页面的外观。CSS负责网页三个组成部分中的表现,样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。

JavaScript 是脚本语言(简称”JS”),是一种轻量级的编程语言,用于控制网页的行为。JavaScript负责网页三个组成部分中的行为,可插入 HTML 页面的编程代码,JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

扩展知识:分层的好处

1、共享资源:

当您编写外部CSS或JavaScript文件时,站点上的任何页面都可以使用该文件。如果您需要对该文件进行更改,也许更新网站上的某些排版样式,则使用该样式表的每个页面都会得到更改。没有必要单独编辑网站的每个页面,这对于大型网站来说可能是一项艰苦的任务。

2、下载速度更快:

首次由客户下载脚本或样式表后,Web浏览器会对其进行缓存。由于这些共享资源现在包含在浏览器的缓存中,因此浏览器中请求的其他页面加载速度更快,从而提高了整体页面速度和性能。

3、多人团队:

如果您有多个人同时在网站上工作,您可以使用允许文件签入和签出的系统,以确保每个人都使用最新版本。如果样式和行为与结构文档交织在一起,那就更难了。

4、搜索引擎优化:

一个明确分离风格和结构的网站可能会对搜索引擎有更好的表现,因为它们可以更有效地抓取内容并理解页面而不会陷入视觉风格和行为信息。

5、辅助功能:

外部样式表和脚本文件更易于人们和浏览器访问。屏幕阅读器等软件可以更轻松地处理结构层中的内容,而无需处理无论如何都无法使用的样式。

6、向后兼容性:

使用单独的开发层设计的站点更可能向后兼容,因为无法使用某些CSS样式或禁用了JavaScript的浏览器和设备仍然可以查看HTML。然后,您可以使用支持它们的浏览器的功能逐步增强您的网站。

(学习视频分享:web前端入门)

以上就是web前端只是表示层吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2920534.html

(0)
上一篇 2025年3月11日 18:20:31
下一篇 2025年3月1日 09:00:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • web前端是做什么的?优势是什么?

    web前端是指开发web页面的技术和工具,也称作前端工程师。随着互联网的迅速发展,web前端在互联网领域中变得越来越重要。这篇文章将讨论web前端是做什么的,以及为什么web前端在今天的互联网领域中如此重要。 一、Web前端是做什么的 We…

    编程技术 2025年3月11日
    200
  • web标准的制定者有哪些

    web标准的制定者有:1、W3C,负责制定和推广Web的核心标准,如HTML、CSS、XML、SVG等;2、IETF,负责制定和更新互联网的核心协议,如TCP/IP、HTTP、SMTP等;3、ECMA,负责制定和更新一些与Web相关的标准,…

    2025年3月11日
    200
  • web标准有哪些好处

    web标准的好处有提供更好的跨平台兼容性、可访问性、性能、搜索引擎排名、开发和维护成本、用户体验以及代码的可维护性和可重用性。详细说明:1、跨平台兼容性,确保网站在不同的操作系统、浏览器和设备上都能正确显示和运行;2、提高可访问性,可以确保…

    2025年3月11日
    200
  • web标准由哪些标准构成

    web标准由HTML、CSS、JavaScript、HTTP、URL、XML、SVG等标准构成。详细说明:1、HTML,用于创建网页结构的标准语言;2、CSS,用于控制网页样式和布局的标准语言;3、JavaScript,用于在网页上添加交互…

    2025年3月11日
    200
  • web标准构成有哪些技术

    web标准有HTML、CSS、JavaScript、DOM、XML、XHTML、HTTP、W3C、ARIA、SEO等技术构成。详细介绍:1、HTML,用于创建网页结构的基本语言;2、CSS,用于控制网页的外观和样式;3、JavaScript…

    2025年3月11日
    200
  • web标准默认的端口有哪些

    web标准默认的端口有:1、HTTP,默认端口号为80;2、HTTPS,默认端口号为443;3、FTP,默认端口号为21;4、SSH,默认端口号为22;5、Telnet,默认端口号为23;6、SMTP,默认端口号为25;7、POP3,默认端…

    2025年3月11日
    200
  • web标准化布局有哪些

    web标准化布局有HTML语义化、CSS布局、响应式设计、图片优化、字体选择和SEO优化等技术。详细说明:1、HTML语义化,使用合适的HTML标签来描述网页内容的结构和含义;2、CSS布局,使用层叠样式表来控制网页的布局和样式;3、响应式…

    2025年3月11日
    200
  • web盒模型是什么

    web盒模型是指在网页设计中,将网页元素看作是一个矩形的盒子,包含内容、内边距、边框和外边距四个部分,这个概念是CSS的基础之一,用于描述和控制网页元素在页面中的布局和样式。其特点是每个盒子的宽度和高度都是由内容、内边距、边框和外边距的总和…

    2025年3月11日
    200
  • web中什么是伪类和伪元素

    web中伪类和伪元素是用于选择和样式化特定元素的CSS选择器的一种特殊形式。详细说明:1、伪类是用于选择元素的特定状态或行为的选择器,以冒号(:)开头,用于向元素添加额外的样式;2、伪元素是用于在元素的内容前面或后面插入生成的内容的选择器,…

    2025年3月11日
    200
  • web标准是什么东西

    Web标准是一组由W3C和其他相关组织制定的规范和指南,它包括HTML、CSS、JavaScript、DOM、Web可访问性和性能优化等方面的标准化,通过遵循这些标准,可以提高页面的兼容性、可访问性、可维护性和性能。Web标准的目标是使We…

    2025年3月11日
    200

发表回复

登录后才能评论