当前位置: 首页 > news >正文

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

什么是网页  : 

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

通常我们看到的网页 ,常见以 .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.lryc.cn/news/131535.html

相关文章:

  • 分布式锁实现方式
  • C语言小练习(一)
  • Flask-flask系统运行后台轮询线程
  • jsp本质-servlet
  • 回归预测 | MATLAB实现GWO-SVM灰狼优化算法优化支持向量机多输入单输出回归预测(多指标,多图)
  • 科技资讯|苹果Vision Pro新专利曝光:可调节液态透镜
  • 神经网络基础-神经网络补充概念-38-归一化输入
  • 【Redis】什么是缓存雪崩,如何预防缓存雪崩?
  • [国产MCU]-W801开发实例-开发环境搭建
  • 区间预测 | MATLAB实现QRGRU门控循环单元分位数回归时间序列区间预测
  • 改善神经网络——优化算法(mini-batch、动量梯度下降法、Adam优化算法)
  • 大数据面试题:Spark的任务执行流程
  • 通过 Amazon SageMaker JumpStart 部署 Llama 2 快速构建专属 LLM 应用
  • ansible远程执行命令
  • Windows快速恢复丢失的颜色校准
  • Vue安装单文件组件
  • 小白的Node.js学习笔记大全---不定期更新
  • 第二周晨考自测(2.0)
  • 计算机视觉之三维重建(三)(单视图测量)
  • docker 批量快速删除容器和镜像
  • 【数据分析入门】Matplotlib
  • mongodb.使用自带命令工具导出导入数据
  • IndexError: tensors used as indices must be long, byte or bool tensors
  • 设计模式 : 单例模式笔记
  • 深度优先搜索算法
  • k8s ----POD控制器详解
  • ReactNative进阶(三十四):ipa Archive 阶段报错error: Multiple commands produce问题修复及思考
  • MySQL索引ES索引
  • webSocket 聊天室 node.js 版
  • iptables防火墙(SNAT与DNAT)