web前端 -- Day8基础知识

Python3教程Web开发实战梳理-day8(构建前端) Day8:构建前端 在浏览器看到的画面,都是有浏览器解释才呈现出来的。实质它是一段HTML代码,外加JavaScript、CSS构成。如果把网页比作一个人,那么HTML便是他的骨架;javascript是肌肉;CSS是衣服。 在前面几天的工作中,我们初始化了数据库,完成了ORM框架和Web框架,并且跑通了一个简单的MVC,但是这个MVC中的view还是非常简单的,效果不能令人满意,为了使页面达到 阅读详情
文档类型

<!DOCTYPE> 标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用<!DOCTYPE>标签为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能按指定的文档类型进行解析。

注意事项: 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的,但是我们学的是HTML5,而且HTML5的文档类型兼容很好(向下兼容的原则),所以大家放心的使用HTML5的文档类型就好了

字符集

1、utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
2、gb2312 简单中文 包括6763个汉字。
3、BIG5 繁体中文港澳台等用。
4、GBK包含全部中文字符 是GB2312的扩展,加入对繁体字的支持,兼容GB2312。
5、UTF-8则包含全世界所有国家需要用到的字符。

注意事项:记住一点,以后我们统统使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。或是根据开发需求同意定义字符集,避免出现乱码。

浏览器内核

浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。

渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
JS 引擎则是解析Javascript 语言,执行 javascript语言来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。

1、Trident(IE内核)
国内很多的双核浏览器的其中一核便是 Trident,美其名曰 “兼容模式”。
代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。
Window10 发布后,IE 将其内置浏览器命名为 Edge,Edge 最显著的特点就是新内核 EdgeHTML。

2、Gecko(firefox)
Gecko(Firefox 内核): Mozilla FireFox(火狐浏览器) 采用该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。 可惜这几年已经没落了, 比如 打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。

3、webkit(Safari)
Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。
现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了),苹果感觉像被别人抢了媳妇,都哭晕再厕所里面了。
代表浏览器:傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器,

4、Chromium/Blink(chrome)
在 Chromium 项目中研发 Blink 渲染引擎(即浏览器核心),内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。
大部分国产浏览器最新版都采用Blink内核。二次开发

5、Presto(Opera)
Presto(已经废弃) 是挪威产浏览器 opera 的 “前任” 内核,为何说是 “前任”,因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。

web标准构成

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

1、结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML, 最重要。
2、表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
3、行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript

理想状态源码: .HTML .css .js

Simulink中通过MEX与MinGW实现C/C++结构体变量的高效导入 本文详细介绍了在Simulink中通过MEX工具链与MinGW编译器,高效导入C/C++结构体变量的完整流程。文章从需求背景出发,逐步讲解了MinGW环境配置、.h文件编写规范、核心导入命令Simulink.importExternalCTypes的使用,以及如何在MATLAB Function模块和总线创建器中调用自定义结构体,旨在实现模型与代码的无缝对齐,为后续仿真和代码生成奠定坚实基础。 阅读详情

相关推荐

ARTIX-7 GTP 3G-SDI 工程构建与调试实战

本文详细介绍了基于ARTIX-7 FPGA和GTP收发器的3G-SDI工程构建与调试实战。从基础概念解析到Vivado工程创建、GTP IP核配置、SDI IP核集成,再到系统集成与时钟域处理,提供了全面的技术指导。文章还分享了调试技巧、常见问题排查方法以及性能验证步骤,帮助开发者快速掌握3G-SDI视频传输技术的实现与优化。

weixin_30443813的博客 256

五大主流浏览器内核以及国内常见的几种浏览器内核总结

1、IE浏览器内核:Trident内核,也是俗称的IE内核; 2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核; 3、Firefox浏览器内核:Gecko内核,俗称Firefox内核; 4、Safari浏览器内核:Webkit内核; 5、Opera浏览器内核:最初是自己的Presto内核,后来加入谷歌大军,从Webkit又到了Blink内核; 6、360浏览器、猎豹浏览器内核:IE+Chrome双内核; 7、搜狗、遨游、QQ浏

SHUKEd的博客 3万+

Groq LPU架构解析:确定性线性处理器如何重塑AI推理

语言模型推理正从‘通用算力堆叠’转向‘确定性硬件定制’。LPU(Language Processing Unit)作为一种面向大模型推理的领域专用处理器,摒弃传统GPU的并行调度、多级缓存与动态执行范式,转而采用空间计算、静态编译与单线程线性流水线设计,实现纳秒级延迟可控性和92%+的HBM带宽利用率。其核心价值在于将模型结构、内存访问、时序路径全部在编译期固化,从而消除运行时抖动——这正是当前MLOps工程师应对A100显存碎片、vLLM调度开销与P99延迟不稳等痛点的关键技术路径。Groq 3 LPU与

weixin_30599521的博客 327

常见浏览器所用内核

不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。(10)UC浏览器内核:这个众口不一,UC说是他们自己研发的U3内核,但好像还是基于Webkit和Trident,还有说是基于火狐内核。(2)Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;(1)IE浏览器内核:Trident内核,也是俗称的IE内核;

weixin_46042650的博客 1631

工业异常检测评价指标(I-AUROC、PRO等)

模型评价指标:TPR、FPR、Recall、ROC、AUC、AUROC、IoU、PRO、AUPRO等

qq_1532145264的博客 7434

L298N电机驱动模块的接线使用与代码实现

#include "iostm8s208mb.h" #define u8 uint8_t #define u16 uint16_t #define u32 uint32_t typedef unsigned char uint8_t; typedef unsigned short uint16_t; typedef unsigned long uint32_t; // 关于LED灯的宏定义 #define LED2 PI_ODR_ODR2 //输出量 #define LE

Clichong 13万+

主流浏览器内核概述

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、主流浏览器有哪些?二、主流浏览器内核有哪些?TridentGeckoPrestoWebkitBlink总结 前言 一个完整的浏览器包含浏览器内核和浏览器的外壳(shell)。浏览器内核又可以分为两部分:渲染引擎(Layout Engine或Rendering Engine)和JS引擎。由于JS引擎越来越独立,内核就倾向于只指渲染引擎。 一、主流浏览器有哪些? 常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome.

qq_56973906的博客 629

华为Atlas200DK实战指南:从零搭建AI开发环境到人像语义分割模型部署

本文提供了一份详尽的华为Atlas 200DK AI开发环境搭建与模型部署实战指南。文章采用合设环境方案,从SD卡准备、系统镜像烧录、网络配置到必备工具安装,逐步引导开发者完成环境搭建。核心部分详细讲解了如何利用华为ATC工具将TensorFlow模型转换为昇腾专用格式,并最终成功编译和运行人像语义分割模型,实现实时人像识别效果。

weixin_29309213的博客 356

五大主流浏览器以及它的内核

五大主流浏览器以及它的内核 一.简介 浏览器最重要的部分是浏览器的内核,浏览器内核是浏览器的核心,也称之为"渲染引擎",用来解释网页语法并渲染到页面上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息,不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同的内核的浏览器中测试网页渲染效果. 二.浏览器内核组成 浏览器内核可以分为两个部分: (1) 渲染引擎 (2) JS引擎 内核负责取得网页的内容(HTML,XML,图像等等),整理讯息(比如j加入CSS),以及计算网.

rain_zhh的博客 1809

Unreal5从入门到精通之初学者碰到解决不了的问题怎么办?

在学习Unreal的过程中,你曾陷入困境了吗?对于我来说,这种情况发生得比我愿意承认的要多得多。幸运的是,除了一般地在网上搜索之外,还有很多地方可以获得虚幻引擎的帮助。

TxNet 979

Far planner 代码系列(35)动态障碍物预处理_激光雷达部分

主要讲解动态障碍物在激光雷达部分的剔除机制

博客 1059

主流的浏览器与其内核

microsoft edge”是由微软开发的基于Chromium开源项目即其他开源软件的网页浏览器,该浏览器内置与windows10版本中,支持内置Cortana语音功能,内置了阅读器、笔记和分享功能。,它开源了浏览器的源码,也提供了很多插件,方便了用户的使用,支持Windows平台、Llnux平台和Mac平台。大部分国产的浏览器(qq浏览器,uc浏览器,猎豹浏览器,360浏览器)基本上是在IE浏览器的内核上进行的二次开发。现在国内市场上有许多双内核的浏览器,使用的是trident,webkit内核。

青山不改,绿水长流。 6006

【系统架构设计师-2026上半年真题】综合知识-参考答案及详解(75题完全回忆版)

【系统架构设计师-2026上半年真题】综合知识-参考答案及详解(75题完全回忆版)

数据知道的博客 3103

web前端实训day01

目录web前端实训day01——html知识回顾介绍标题标签:h1~h6段落标签:p格式化标签:br(换行)、hr(横线)案例一div和span标签图像标签:img图片标签:超链接:a锚点案例二特殊字符:大于(>)、小于(<)、空格( )表格:table列表案例三 web前端实训day01——html知识回顾 介绍 <!DOCTYPE html><!--html版本,这里h5,告诉浏览器,以h5的规范解析文档--> <html lang="en">&

Happy_change的博客 1064

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

前端学习--Day01

Web前端基础知识 HBuilder中Chrome无法运行问题 一、Web基本概念 Web:网页、公众号、动画 H5:html5 URL:网络资源的地址 服务器:一个性能比较高(内存大、运行速度快)的电脑,安装了提供服务的软件(Apache,tomcat,ISS,Nginx) 云服务器:阿里云、腾讯云、百度云、华为云 有专门的团队提供维护工作 浏览器:能帮我们打开网页,Google Chrome、IE、火狐 二、标记语言 用各种标签将相关的信息或者关键字包裹起来,方便搜索引擎的抓

Cure The World的博客 4494

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

web前端day01

授课老师 :陶国荣 联系方式 : taogr@tedu.cn 授课阶段 : Web前端基础 授课内容 : HTML + CSS + JavaScript 文章目录一、Web前端介绍1. 什么是网页2. 网页的组成3. 网页的优势4. 开发前的准备二、 HTML语法介绍1. HTML介绍2. 标签3. 使用三、常用标签介绍1. 基本结构解析2. body中常用标签3. 常用结构标签 一、Web前端...

纸鸢栀年°的博客 423

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

web前端之文本

文本,flex问题,float问题,2D,3D,动画

m0_75008371的博客 2522

day01 web前端小白

前言 通过初面试,11号踏入工作室第一天,师兄师姐带领我们选好工位。一安顿好师兄师姐就非常认真负责地介绍各项公司制度须知以及明确我们即将走的路——开启web前段学习之路 师兄师姐也是这样一步一步走过来的,所以他们更加清楚我们现在需要的是什么,传授他们当初学习的方式,引导我们如何找到适合自己学习的方式,推荐各种学习视频,安装何种编辑软件。 “师傅领进门,修行在个人...

GT.Lee 400

html css周记,HY的Web前端周记 Day1

HY的Web前端开发周记 Day1引子2021.3.04,信息管理创新实践课程开始学习。主要了解了关于HTML、CSS、JavaScript 的基本概念及其用途,并对html基础元素、属性有了一定的了解。运用了HBuilder作为开发环境,在Hbulider上面实践了我们的第一个专属网页:个人自我介绍页。以下是我对本次课程学习的总结。提示:以下是本篇文章正文内容,下面案例可供参考一、HTML、CS...

weixin_28836875的博客 660

前端实训-Day1 软件开发流程Web基础知识、HTML快速入门

DOM树、获取节点、属性操作。

劫o梦的博客 364

前端基础知识

JS中的引用类型其实就是JSON,全称是JavaScript object notation,叫做JavaScript对象标记,也就是说,在JavaScript中,JSON是用于标记一个对象的。通俗的说,网站就是由网页组成的。语法格式:{id:1,age:18,sex:ture,name:“zs”,phone:[111,112],child:{id:1,age:18}}// number(数字) string(字符串) boolean(布尔) undefined(未定义的) null(空的)

weixin_58375621的博客 1875

Web前端实训day1

Web前端实训day1 div 是一个块级元素。这意味着它的内容自动地开始一个新行。 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。 标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。 标签支持 HTML 中的全局属性。 标签支持 HTML 中的事件属性。 border border 在一个声明设置所有的边框属性。 border-width 规定边框的宽度。 border-style 规定边框的样式。 border-color 规定边框的颜色。 padding

qianqianwanxing的博客 239

Day_1 Web前端开发环境配置与HTML基础

项目1 Web前端开发环境配置 下载并安装常用的Web前端开发工具: (1)EditPlus软件 (2)HBuilder软件 (3)Subline Text软件 可以自行下载使用。 我这里使用的是HBuilder软件,界面如下: 项目2 新生简易主页设计 知识点: (1)html标记 <html> ... </html> HTML文档结构由头部head和主体body构成...

化身孤岛的鲸o的博客 1663

Web前端实训day2

Web前端实训day2 float 浮动 指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除,尽管仍然保持部分的流动性(与绝对定位相反)。 (1)left 表明元素必须浮动在其所在的块容器左侧的关键字。 (2)right 表明元素必须浮动在其所在的块容器右侧的关键字。 (3)none 表明元素不进行浮动的关键字。 (4)inline-start 关键字,表明元素必须浮动在其所在块容器的开始一侧,在ltr脚本中是左侧,在rtl脚本中是右侧。 (5)in

qianqianwanxing的博客 431

Web前端 HTML Day_01

Web前端一般由多种开发技术制作,是给用户展示的网页页面,即网站的前台部分。

m0_64803077的博客 507

2021-8-9 WEB前端课堂笔记Day01

1 HTML 1.1 网页组成 文字、图片、链接、音频、视频等元素 1.2 WEB 前端开发流程 早期开发流程: 美工(PS):设计效果图 前端工程师(HTML、CSS、JS等前端技术):实现静态网页 java工程师:使用动态WEB技术,将静态页面变为动态页面 主流开发流程: 前后端分离 美工:设计效果图 前端工程师:实现静态网页,同时使用mock技术,实现页面的模拟测试 后端工程师:开发接口 前、后端需要协商后端接口的开发规范 1.3 WEB 标准(重点) 不同浏览器内核不同、工作原理不同、

weixin_47509934的博客 284
上一篇: web前端 -- Day7基础知识
下一篇: web前端 -- Day9 js基础
黑萝卜不黑
博客等级 码龄11年 41粉丝 103原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值