千古前端图文教程-HTML001-认识Web和Web标准

认识Web和Web标准

Web、网页、浏览器

Web

Web(World Wide Web)即全球广域网,也称为万维网。

我们常说的 Web端就是网页端

网页

网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。

我们在浏览器上输入网址后,打开的任何一个页面,都是属于网页。

浏览器

浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。

关于浏览器的详细介绍,可以看下一篇文章:《浏览器的介绍》

Web标准

W3C组织

W3C:World Wide Web Consortium,万维网联盟组织,用来制定web标准的机构(组织)。

W3C 万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。

W3C 组织就类似于现实世界中的联合国。

为什么要遵循WEB标准呢?因为很多浏览器的浏览器内核不同,导致页面解析出来的效果可能会有差异,给开发者增加无谓的工作量。因此需要指定统一的标准。

Web标准

Web标准:制作网页要遵循的规范。

Web标准不是某一个标准,而是由W3C组织和其他标准化组织制定的 一系列标准的集合

1、Web标准包括三个方面

  • 结构标准(HTML):用于对网页元素进行整理和分类。
  • 表现标准(CSS):用于设置网页元素的版式、颜色、大小等外观样式。
  • 行为标准(JS):用于定义网页的交互和行为。

根据上面的Web标准,可以将 Web前端分为三层,如下。

2、Web前端分三层

  • HTML(HyperText Markup Language):超文本标记语言。从 语义的角度描述页面的 结构。相当于人的身体组织结构。
  • CSS(Cascading Style Sheets):层叠样式表。从 审美的角度美化页面的 样式。相当于人的衣服和打扮。
  • JS:JavaScript。从 交互的角度描述页面的 行为。相当于人的动作,让人有生命力。

3、打个比方:(拿黄渤举例)

HTML 相当于人的身体组织结构:

千古前端图文教程-HTML001-认识Web和Web标准

CSS 相当于人的衣服和打扮:

千古前端图文教程-HTML001-认识Web和Web标准

JS 相当于人的行为:

千古前端图文教程-HTML001-认识Web和Web标准

Original: https://www.cnblogs.com/BEMAKE/p/16479071.html
Author: 271374667
Title: 千古前端图文教程-HTML001-认识Web和Web标准

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/685731/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 项目主干分支的server.sh被“覆盖”了?一个配置,解除烦恼

    我司项目利用springboot搭建,应用在部署到各环境后,程序启动命令靠的是我们在工程里配置的 scripts/server.sh。这个server.sh里最重要的东西是程序启动…

    技术杂谈 2023年7月11日
    095
  • 分享最近做的一个中文 wordle 的游戏《词影》

    一款将象形汉字同 Wordle 猜测结合起来的猜成语小游戏 ——《词影》 目前还在内测中,欢迎大家试玩,还望各位拍砖 Orz 游戏关键词 类 wordle 象形文字 每天十局 体验…

    技术杂谈 2023年6月1日
    0115
  • 在代码中使用度量单位,从而生活更美好

    在我们的应用软件中,涉及到物理化学计算时,只有 Frink 、F#、Modelica 少数语言变量是自带单位的,大部分语言变量仅包含数值,单位转换需要在变量进行公式计算之前完成,计…

    技术杂谈 2023年5月31日
    0113
  • Python之元类详解

    一、引子 元类属于Python面向对象编程的深层魔法,99%的人都不得要领,一些自以为搞明白元类的人其实也是自圆其说,点到为止,从队元类的控制上来看就破绽百出,逻辑混乱; 二、什么…

    技术杂谈 2023年7月11日
    094
  • Docker详解

    Docker简介 【1】Docker是一个开源的容器引擎,它有助于更快地交付应用。 Docker可将应用程序和基础设施层隔离,并且能将基础设施当作程序一样进行管理。使用 Docke…

    技术杂谈 2023年7月24日
    079
  • 设计模式 21 状态模式

    状态模式(State Pattern)属于 行为型模式 在标准大气压下, 水在 0 ~ 100 度之间时,会呈现 液态;在 0 度以下会变成 固态;100 度以上会变成气态。 物质…

    技术杂谈 2023年7月25日
    094
  • 解决Win10锁屏超1分钟,显示器关闭问题

    Win10台式机锁定屏幕1分钟后,系统就会自动关闭显示器。从节能来说是非常不错的,但这不符合大多数人的电脑使用习惯,一会儿就黑屏了看起来不舒服。怎么修改这个系统默认设置呢?解决方法…

    技术杂谈 2023年6月1日
    0128
  • Hadoop(一)Hadoop核心架构与安装

    Hadoop是什么 大白话,Hadoop是个存储数据,计算数据的分布式框架。核心组件是HDFS、MapReduce、Yarn。 HDFS:分布式存储 MapReduce:分布式计算…

    技术杂谈 2023年7月24日
    090
  • 阿里云一面:并发场景下的底层细节-伪共享问题

    最近看书看到的伪共享问题,直接触碰到知识盲区了,之前确实没听说过这个东西,打开百度就像吃饭一样自然。 虽然面经上出现的次数不多,不过我觉得还是很重要的一个问题,而且不难,花个五分钟…

    技术杂谈 2023年7月25日
    081
  • 汇编debug的安装

    实验一查看CPU和内存,用机器指令和汇编指令编程 在做实验前需要debug命令。 工具:dosbox,debug.exe 安装:dosbox :https://www.dosbox…

    技术杂谈 2023年6月21日
    0136
  • Codeforces Round #748 (Div. 3)

    Codeforces Round #748 (Div. 3) A. Elections 思路分析: 令当前值比最大值大即可,如果最大值是它自己,就输出(0) 代码 #include…

    技术杂谈 2023年7月24日
    073
  • n阶高精度乘法,(求高阶阶乘)

    include “stdio.h” include “string.h” define MAX 10000//结果最大位数,可以自行…

    技术杂谈 2023年7月24日
    095
  • @Aspect

    AOP是指在程序运行期间动态地将某段代码切入到指定位置并运行的编程方式。 AOP详解可参考:https://blog.csdn.net/javazejian/article/det…

    技术杂谈 2023年7月24日
    0104
  • js前端-登录js脚本

    html部分 登录 登录 js部分 js文件开头用分号”;”的原因:为了多个JS文件合并压缩的时候防止文件之间没有;分隔导致错误 ; let user_lo…

    技术杂谈 2023年6月21日
    0133
  • Ubuntu 20.04搭建LAMP环境-20220711

    一.安装Apache 1.运行以下命令,更新Ubuntu系统内的软件包 sudo apt update 2.运行以下命令,安装Apache sudo apt-get -y inst…

    技术杂谈 2023年7月11日
    088
  • 设计模式实战(二)(单例模式)

    设计模式实战 👾设计模式demo实战。 项目地址:https://github.com/bearbrick0/designpattern 🫑创建型设计模式 创建型的设计模式包括:单…

    技术杂谈 2023年7月11日
    0110
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球