前端 -- 基础 网页、HTML、 WEB标准 扫盲详解

news2024/9/23 13:18:32

什么是网页  : 

网页是构成网站的基本元素,它通常由 图片、链接、文字、声音、视频等元素组成。 

通常我们看到的网页 ,常见以 .html 或  .htm  后缀结尾的文件, 因此俗称 HTML 文件 

什么是 HTML  :

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

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

标记语言是一套 标记标签 

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

1. 它可以加入 图片、声音、动画、多媒体等内容( 超越了 文本的限制 ) 

2. 它还可以从一个文件跳转到另一个文件,与世界各的主机相连接( 超级链接文本,也称超文本) 

网页是怎么形成的 ? 

===>>>

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

给用户的。 

 ===>>>

前端人员开发代码 --->> 浏览器显示代码 ( 解析、渲染 ) --->> 生成最后 WEB 页面  

浏览器 : 

常用浏览器 : 

             IE 、 火狐、 谷歌、 Edge等等 

浏览器内核  : 

       内核也称为 渲染引擎,主要负责读取网页内容,整理讯息,计算网页的显示方式并显示页面

        

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

    

WEB标准 : 

Web 标准是由 W3C 组织和其它标准化组织制定的一系列标准的集合。 

W3C( 万维网联盟 ) 是国际最著名的标准化组织。 

为什么需要 WEB 标准 ??

浏览器不同,那他们显示页面或者排版就也会有些许差异。 

举一个最简单的例子, 比如现在我写了 一个网页的代码, 写好了,要交给浏览器进行解析渲染,

结果有的浏览器 设置的字的大小是 14 ,而有的浏览器 设置的则是 18 ; 

那这就造成了 同一份网页代码,却在不同的浏览器上显示的页面也各有不同~!!

所以,只要我写的代码符合 WEB 标准,那么在不同的浏览器解析出来的页面也会是统一的~!!

WEB标准的构成 

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

 Web 标准提出的最佳体验方案 : 结构、 表现、 行为 相分离

 简单理解 :  结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。 

为了更形象的理解 WEB 标准的构成 : 

                结构就是身体( 就是 HTML 的各种标签,网页元素,代码等 )

                表现就是上色  (  把结构变得更美观,更漂亮 )

                行为就是飞翔  (  可以让页面实现 交互的动画效果 ) 

                当然了, 结构自然是最重要的~!!  

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

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

相关文章

基于单片机DHT11温湿度NRF2401无线通信控制系统

一、系统方案 本设计采用STC89C5单片机作为主控制器,从机采用DHT11传感器采集温湿度、按键设置报警阀值,液晶1602显示,蜂鸣器报警,无线NRF2401模块。 二、硬件设计 原理图如下: 三、单片机软件设计 1、首先是系统…

SQL-每日一题【1527. 患某种疾病的患者】

题目 患者信息表: Patients 查询患有 I 类糖尿病的患者 ID (patient_id)、患者姓名(patient_name)以及其患有的所有疾病代码(conditions)。I 类糖尿病的代码总是包含前缀 DIAB1 。 按 任意顺序…

aardio开发语言Excel数据表读取修改保存实例练习

import win.ui; /*DSG{{*/ var winform win.form(text"aardio form";right759;bottom479) winform.add( buttonEnd{cls"button";text"末页";left572;top442;right643;bottom473;z6}; buttonExcelRead{cls"button";text"读取Exce…

基于Java/springboot铁路物流数据平台的设计与实现

摘要 随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,铁路物流数据平台当然也不能排除在外,从文档信息、铁路设计的统计和分析,在过程中会产生大量的、各…

云原生反模式

通过了解这些反模式并遵循云原生最佳实践,您可以设计、构建和运营更加强大、可扩展和成本效益高的云原生应用程序。 1.单体架构:在云上运行一个大而紧密耦合的应用程序,妨碍了可扩展性和敏捷性。2.忽略成本优化:云服务可能昂贵&am…

攻防世界-Training-WWW-Robots

原题 解题思路 robots.txt是网站的爬虫声明,说明允许哪些部分被爬取,进robots.txt看看。 f1.g.php不让看,进去看看。

AWS复制EC2文件到S3,g4dn.2xlarge没有NVIDIA GPU 驱动问题

1、给instances权限 action > Security > modify IAM role 把提前创建好的role给这个instance即可 2、复制到bucket aws s3 cp gogo.tar.gz s3://ee547finalbucket不需要手动安装GPU驱动 如果要自己安装,参考https://docs.aws.amazon.com/AWSEC2/latest/U…

snpEff变异注释的一点感想

snpEff变异注释整成人生思考 1.介绍2.安装过程以及构建物种参考数据库3.坑货来了4.结果文件判读5.小tips 1.介绍 &nbsp SnpEff(Snp Effect)是一个用于预测基因组变异(例如单核苷酸变异、插入、缺失等)对基因功能的影响的生物…

嵌入式开发之configure

1 前述 在Linux的应用或者驱动开发过程中,编写makefile是无法避免的问题,但是由于makefile的各种规则,或显式,或隐式,非常多,不经常写的话,很难写出一个可用的makefile文件。为了“偷懒”&…

07_缓存预热缓存雪崩缓存击穿缓存穿透

缓存预热&缓存雪崩&缓存击穿&缓存穿透 一、缓存预热 提前将数据从数据库同步到redis。 在程序启动的时候,直接将数据刷新到redis懒加载,用户访问的时候,第一次查询数据库,然后将数据写入redis 二、缓存雪崩 发生情…

Python 的下一代 HTTP 客户端

迷途小书童 读完需要 9分钟 速读仅需 3 分钟 1 环境 windows 10 64bitpython 3.8httpx 0.23.0 2 简介 之前我们介绍过使用 requests ( https://xugaoxiang.com/2020/11/28/python-module-requests/ ) 来进行 http 操作,本篇介绍另一个功能非常类似的第三方库 httpx&…

深入探索JavaScript中的5种经典算法

在本文中,您将了解到: 冒泡排序、快速排序等常见排序算法原理及其在 JavaScript 中的实现; 经典算法示例 1. 冒泡排序算法 冒泡排序算法:冒泡排序是一种简单但效率较低的排序算法。它通过多次遍历数组,比较相邻元素并…

JVM前世今生之JVM内存模型

JVM内存模型所指的是JVM运行时区域,该区域分为两大块 线程共享区域 堆内存、方法区,即所有线程都能访问该区域,随着虚拟机和GC创建和销毁 线程独占区域 虚拟机栈、本地方法栈、程序计数器,即每个线程都有自己独立的区域&#…

生成式AI系列 —— DCGAN生成手写数字

1、模型构建 1.1 构建生成器 # 导入软件包 import torch import torch.nn as nnclass Generator(nn.Module):def __init__(self, z_dim20, image_size256):super(Generator, self).__init__()self.layer1 nn.Sequential(nn.ConvTranspose2d(z_dim, image_size * 32,kernel_s…

基于web的停车场收费管理系统/基于springboot的停车场管理系统

摘 要 随着汽车工业的迅猛发展,我国汽车拥有量急剧增加。停车场作为交通设施的组成部分,随着交通运输的繁忙和不断发展,人们对其管理的要求也不断提高,都希望管理能够达到方便、快捷以及安全的效果。停车场的规模各不相同,对其进行管理的模…

深入理解ASP.NET Core中的Program类和Startup类

一、背景介绍 本文以ASP.NET Core 6以前版本API程序来说明。 在我们新建ASP.NET Core项目时,项目根目录下会自动建立Program.cs和Startup.cs两个类文件。 Program.cs 作为 Web 应用程序的默认入口,不做任何修改的情况下,会调用同目录下 Star…

Dubbo 融合 Nacos 成为注册中心

快速上手 Dubbo 融合 Nacos 成为注册中心的操作步骤非常简单,大致步骤可分为“增加 Maven 依赖”以及“配置注册中心“。 增加 Maven 依赖 只需要依赖Dubbo客户端即可,关于推荐的使用版本,请参考Dubbo官方文档或者咨询Dubbo开发人员&#…

Vue 2 组件基础

一个简单的组件示例&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</titl…

暴力模拟入门+简单:零件组装、塔子的签到题、塔子哥考试、平均像素值、换座位

暴力模拟入门 P1038 小红书-2022.9.23-零件组装 #include <bits/stdc.h> #include <cstdint> using namespace std;typedef long long LL; const int N 100001; int num[4]; LL d; vector<vector<LL>> v(4, vector<LL>(N));int main() {for(in…