首页 > 其他分享 >前端的基础知识

前端的基础知识

时间:2023-01-15 22:01:23浏览次数:48  
标签:Web 网页 文件 前端 基础知识 标准 HTML 浏览器

网页的相关概念


什么是网页

  • 网站:是指在因特网上根据一定规则,使用HTML等制作的用于展示特定内容相关的网页集合
  • 网页:网页通常是HTML格式的文件(是常以.htm或.html为后缀结尾的文件),它需要通过浏览器来阅读,是构成网站的基本元素,通常由图片、链接、文字、声音、视频 等元素构成。

什么是HTML

  • HTML是指超文本标记语言(Hyper Text Markup Language),是用来描述网页的一种语言。
  • 超文本的含义
    • 超越文本限制(可以加入图片、声音、动画、多媒体等内容)。
    • 超级链接文本(可以从一个文件跳转到另一文件)。

网页是如何形成的

  • 形成过程:前端人员开发代码-->浏览器显示代码(解析、渲染)-->生成最后Web页面。


常用的浏览器

  • 浏览器是网页显示、运行的平台,常用浏览器有IE、火狐(Firefox)、谷歌(Chrom)、Safar和Opera等。
  • 浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方法并显示页面,如:


Web标准

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

为什么需要Web标准

  • Web标准可以让不同开发人员写出的页面更标准、统一
  • 让Web的发展前景更广阔
  • 内容更能被广泛的设备访问
  • 更容易被搜索引擎搜索
  • 降低网站流量费用
  • 使网站更易于维护
  • 提高页面浏览速度

Web标准的构成

  • 主要包括结构(Structure)、表现(Presentation)行为(Behavior)三个方面。
    • 结构用于对网页元素进行整理和分类。(HTML)
    • 表现用于设置网页元素的版式、颜色、大小等外观样式。(CSS)
    • 行为是指网页模型的定义以及交互的编写。(Javascript)
  • Web标准提出的最佳体验方案:结构、样式、行为相分离。(简单理解:将结构写到HTML文件中,表现写到CSS文件中,行为写到Javascript文件中

标签:Web,网页,文件,前端,基础知识,标准,HTML,浏览器
From: https://www.cnblogs.com/yryjzz-xb-153-52-bk/p/17054056.html

相关文章

  • 前端学习之html(一)
    HTML(超文本标记语言)是一种用于创建网页的标准标记语言。HTML不需要编译,可以直接由浏览器执行,它的解析依赖于浏览器的内核。它不是一种编程语言,而是一种标记语言。一个......
  • Date and Time 日期时间 – 开发中的基础知识
    前言日期,时间几乎是每个项目都会接触到的.作为程序员必须对它有所了解.这篇想聊聊它们的基础知识.  以前写的文章以前写过好几篇,但是非常乱.这篇就作为综合整......
  • 前端导出页面为PDF
    前端通过html2canvas和JsPDF插件将全部或部分网页按照PDF图片导出建议放入项目中工具文件夹下,部分引入。importhtml2Canvasfrom'html2canvas';importJsPDFfrom'js......
  • [VueJsDev] 基础知识 - CommonJs VS ES Module
    CommonJsVSESModule:::details目录目录​CommonJsVSESModule​​​Part.1:CommonJs​​​​Part.2:ESModule​​​​Part.3:CJS对比ESM表​​​​Code.4......
  • [VueJsDev] 基础知识 - 常见编码集
    常用编码集:::details目录目录​常用编码集​​​Part.1:Unicode编码​​​​Part.2:ASCII编码​​​​Part.3:HTML实体名称​​​​Part.4:UTF8编码​​​​......
  • [VueJsDev] 基础知识 - ES6循环使用手册
    ES6循环使用手册:::details目录目录​ES6循环使用手册​​​Array.1:filter()方法​​​​Array.2:forEach​​​​Array.3:for循环​​​​Array.4:map()循环​......
  • [VueJsDev] 基础知识 - asyncTool.js异步执行工具
    asyncTool.js异步执行工具:::details目录目录​asyncTool.js异步执行工具​​​Step.1:getAc使用方法​​​​Meth.2:use方法​​​​Meth.3:run方法​​​​M......
  • [VueJsDev] 基础知识 - Node.js常用函数
    Node.js常用函数总结常用node函数用的ESM模块。//package.json"type":"module",Func.1:读取文件-同步/异步读取path文件​​ESM模式​​同步读取文件import{......
  • [VueJsDev] 基础知识 - snippetsLab 代码片段
    代码片段:::details目录目录​代码片段​​​Step.1:massCode代码片段管理​​​​Step.2:Vue2init​​:::vscode中按ctrl+p输入vue.json即可打开vue模板第......
  • [VueJsDev] 基础知识 - AutoNumber VsCode 插件开发
    AutoNumberVsCode插件开发:::details目录目录​AutoNumberVsCode插件开发​​​Step.2:安装脚手架​​​​Step.3:创建空项目​​​​Step.4:打包发布​​​​Ste......