【Web世界探险家】打开Web世界的大门

在这里插入图片描述

📚博客主页:爱敲代码的小杨.

✨专栏:《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 |《MySQL探索之旅》

❤️感谢大家点赞👍🏻收藏⭐评论✍🏻,您的三连就是我持续更新的动力❤️

🙏小杨水平有限,欢迎各位大佬指点,相互学习进步!

文章目录

  • 1. 网页
    • 1.1 什么是网页
    • 1.2 什么是HTML
    • 1.3 网页的形成
  • 2. 浏览器
    • 2.1 常见的浏览器
    • 2.2 浏览器内核
  • 3. Web 标准(重点)
    • 3.1 为什么要使用Web标准
    • 3.2 Web 标准的组成
    • 3.3 Web 标准的构成

1. 网页

说到网页,其实大家都不陌生,我们上网时浏览新闻、查询信息、看视频等都是在浏览网页。网页可以看作承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。

1.1 什么是网页

网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。

网页是网站中的“一页”。通常是 HTML 格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素,它通过由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页常见的以 .htmlhtm 后缀结尾的文件,因此将其称为 HTML文件

1.2 什么是HTML

HTML 指的是超文本标记语言,它是用来描述网页的一种语言。

所谓超文本,有2层含义:

  1. 它可以加入图片、声音、动画、多媒体等内容(超越了文本的限制)
  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超链接文本)

HTML 不是一种编程语言,而是一种标记语言。

标记语言是一套标记标签。

1.3 网页的形成

网页是由网页元素组成的,这些元素是利用 HTML 标签描述出来的,然后通过浏览器解析来显示给用户的。

image-20240312155944605

前端人员开发代码——> 浏览器显示代码(解析、渲染)——> 生成最后的 Web界面

2. 浏览器

网页是通过浏览器来展示的,关于浏览器我们要了解一下两点:

  1. 常见的浏览器
  2. 浏览器的内核

2.1 常见的浏览器

浏览器是网页显示、运行和平台。常用的浏览器有 IE、火狐(Firefox)、谷歌(chrome)、safari和opera等。平常称为五大浏览器。

image-20240312160955781

2.2 浏览器内核

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

浏览器内核备注
IETridentIE、猎豹安全、360极速浏览器、百度浏览器
FirefoxGecko火狐浏览器内核
SafariWebkit苹果浏览器内核
chrome/operaBlinkchrome / opera浏览器内核。Blink其实是的分支。

目前国内一般浏览器都会采用 Webkit/Blink 内核,如 360、UC、QQ、搜狗等。

3. Web 标准(重点)

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

3.1 为什么要使用Web标准

  • 浏览器不同,它们显示页面或者排版就有些许差异。

image-20240312162308970

  • 遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:
    1. 让 Web 的发展前景更广阔。
    2. 内容能被更广泛的设备访问。
    3. 更容易被搜寻引擎搜索。
    4. 降低网站流量费用。
    5. 使网站更易于维护。
    6. 提高页面浏览速度。

3.2 Web 标准的组成

主要包括结构、表现、和行为三个方面

标准说明
结构结构用于对网页元素进行整理和分类,HTML
表现表现用于设置网页元素的版式、颜色、大小等外观样式,CSS
行为行为是指网页模型的定义及交互的编写,JavaScript

Web 标准提出的最佳体验方案:结构、样式、行为相分离。
简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。

3.3 Web 标准的构成

image-20240312163010850

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/740596.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

唯众物联网+地理科学交付云南师范大学地理学部教学实验室项目

近日,云南师范大学地理学部教学实验室建设项目顺利交付。该项目的成功落地,标志着物联网技术与地理科学教育的深度融合,为云南师范大学的地理教学提供了全新的教学平台与资源。该项目以物联网技术为核心,结合地理科学的特点&#…

蓝桥杯算法错题记录-基础篇

文章目录 本文还在跟新,最新跟新时间3/11!!! 格式一定要符合要求,(输入,输出格式)1. nextInt () next() nextLine() 的注意事项2 .数的幂 a^2等3.得到最大长度(最大...&a…

Kubernetes调度器:资源分配与优化之道

在Kubernetes集群中,调度器扮演着至关重要的角色,它负责根据特定的调度算法和策略,将Pod分配到最优的工作节点上,以实现集群资源的充分且合理利用。本文将深入探讨Kubernetes调度器的工作原理、核心功能及其在集群资源优化中的重要作用。 一、调度器概述 Kubernetes调度器…

Facebook和Instagram全球宕机,原因未披露

近日,社交网络平台Facebook及旗下服务Instagram和Threads发生全球性宕机,导致部分美国用户无法登录这些平台,该问题在大约2小时内得到解决。 对于此次Facebook宕机的原因,Meta只解释是“技术问题”,官方没有提供任何具…

卡尔曼滤波器笔记——最详细

笔记来源— 卡尔曼滤波算法原理及代码实现!https://www.bilibili.com/video/BV1WZ4y1F7VN/?spm_id_from333.337.search-card.all.click&vd_source8d55784dc9c7530bc9e3fa220380be56 简单介绍一下 现在我们就是不知道是距离多少,就需要用到这个卡尔…

如何将应用一键部署至多个环境?丨Walrus教程

在 Walrus 平台上,运维团队在资源定义(Resource Definition)中声明提供的资源类型,通过设置匹配规则,将不同的资源部署模板应用到不同类型的环境、项目等。与此同时,研发人员无需关注底层具体实现方式&…

C++容器——unordered_set浅谈

实现原理 unordered_set 在 C 标准库中是基于哈希表(Hash Table)的数据结构实现的。哈希表是一种通过散列函数将键(在这里是 unordered_set 中的元素)映射到一个固定大小数组的不同桶(buckets)中的数据结…

CSS元素显示模式

CSS元素显示模式 定义&#xff1a;元素显示模式是指元素&#xff08;即标签&#xff09;以什么方式进行显示。 HTML元素分为块元素和行内元素 块元素 常见块元素 &#xff08;下列仅举出部分&#xff09; <h1>~<h6>、<p>、<div>、<ul>、<…

【数据分享】2008-2022年全国范围逐月NO2栅格数据(免费获取)

空气质量数据是在我们日常研究中经常使用的数据&#xff01;之前我们给大家分享了2000-2022年全国范围逐月的PM2.5栅格数据、2013-2022年全国范围逐月SO2栅格数据、2013-2022年全国范围逐月CO栅格数据和2000-2022年全国范围逐月PM10栅格数据&#xff08;可查看之前的文章获悉详…

Java常用类库与API的使用详解

Java常用类库与API的使用详解 文章目录 Java常用类库与API的使用详解什么是类库与API&#xff1f;一、Java常用类库概览二、常用API的使用场景与示例示例1&#xff1a;使用java.util.Scanner类读取用户输入示例2&#xff1a;使用java.io.FileWriter类写入文件示例3&#xff1a;…

properties文件和yml文件的区别以及文件优先级

properties文件和yml文件的区别 yml是按照缩进关系&#xff0c;而properties用"."来表示关系springboot默认生成的是properties文件当properties文件和yml文件都存在时&#xff0c;properties文件的优先级更高。 properties文件的样式 yml文件的样式 文件优先级 r…

Shell常用脚本:hadoop集群启动、停止、重启脚本

脚本内容以我搭建的hadoop集群为例&#xff0c;你们自用的时候自行根据你们的情况进行修改即可 hadoop-cluster-manager.sh #!/bin/bash # 1. 调用此脚本前&#xff0c;请使用ssh-keygen -t rsa、ssh-copy-id -f 目标机器这两个命令使得目标机器是免密登录的 # 2. ssh远程执行…

AgentScope Learning Feedback

教程&#xff1a;关于AgentScope — AgentScope 文档 (modelscope.github.io) AgentScope代码结构 AgentScope ├── src │ ├── agentscope │ | ├── agents # 与智能体相关的核心组件和实现。 │ | ├── memory # 智能体记忆…

第五篇【传奇开心果系列】Python的自动化办公库技术点案例示例:深度解读Pandas在教育数据和研究数据处理领域的应用

传奇开心果博文系列 系列博文目录Python的自动化办公库技术点案例示例系列 博文目录前言一、Pandas 在教育和学术研究中的常见应用介绍二、数据清洗和预处理示例代码三、数据分析和统计示例代码四、数据可视化示例代码五、时间序列分析示例代码六、数据导入和导出示例代码七、数…

【C#】典型的 C# 项目使用 Visual Studio 编译所产生的文件格式和文件夹

一个典型的 C# 项目使用 Visual Studio 编译,通常包括以下格式的文件和文件夹: .sln 文件: Solution File 中文全称:解决方案文件 扩展名: .sln格式: 文本文件功能: 解决方案文件,包含项目的整体结构和配置信息。产生原因: 当创建一个新的解决方案或向解决方案中添加项目时,Vis…

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的障碍物检测系统(深度学习代码+UI界面+训练数据集)

摘要&#xff1a;开发障碍物检测系统对于道路安全性具有关键作用。本篇博客详细介绍了如何运用深度学习构建一个障碍物检测系统&#xff0c;并提供了完整的实现代码。该系统基于强大的YOLOv8算法&#xff0c;并对比了YOLOv7、YOLOv6、YOLOv5&#xff0c;展示了不同模型间的性能…

JavaParser的快速介绍

开发的工作主要是写代码&#xff0c; 有考虑过使用代码写代码&#xff0c; 使用代码分析和改进代码吗&#xff1f; JavaParser 就可以帮你用来处理Java 代码的这些功能。 Java Parser 的介绍 Java Parser是一个用于解析和分析Java源代码的开源工具。它提供了一个API接口&…

Tomcat Nginx的动静分离

1.单机反向代理&#xff1a; 实验&#xff1a;7-3 做客户机&#xff0c;7-2做代理服务器&#xff0c;7-1 tomcat 服务器 数据传输从7-3到7-2到7-1 配置&#xff1a; 7-1为之前的虚拟机配置 7-2做代理服务器配置&#xff1a; 7-3客户机配置&#xff1a; 测试&#xff1a; 2…

【论文题目】数据分析-精选论文选题指南

&#x1f4ca; 数据分析练手项目大集合 &#x1f9e0; 在当今信息时代&#xff0c;数据分析已成为推动科学发现、商业决策和技术创新的关键力量。对于学者和研究者而言&#xff0c;选择一个具有前瞻性、创新性和实用性的数据分析论文选题&#xff0c;不仅能够深化对数据科学的理…

3.自定义工程目录配置CMakeLists

问题背景 熟悉stm32keil开发的都知道&#xff0c;我们在编写不同的外设时&#xff0c;通常都会单独编写一个app文件夹或者是user文件夹之类的来存放不同外设功能的源文件和头文件。 在前面一节2.构建第一个工程并烧录到ESP32开发板-CSDN博客中&#xff0c;我们是使用了一个乐鑫…