网页 浏览器内核 Web标准(七七)
大家好 我是七七 退一步是六 进一步是八
文章目录
- 大家好 我是七七 退一步是六 进一步是八
- 1. 网页
- 1.1 什么是网页
- 1.2 什么是HTMl
- 1.3 网页的形成
- 1.4 网页总结
- 2. 常用浏览器与浏览器内核
- 2.1 常用浏览器
- 2.2 浏览器内核
- 3. Web标准(重点)
- 3.1 为什么需要Web标准
- 3.2 Web标准的构成
- 3.3 Web标准的构成
- 4. VSCode工具生成骨架标签新增代码
- 4.1 文档类型声明标签
- 4.2 lang语言种类
- 4.3 字符集
- 4.4 总结
- 我是七七 退一步是六进一步是八 下次再见
1. 网页
本节内容理论较多，重点都加粗了，了解一下即可。
- 什么是网页?
- 什么是HTML?
- 网页怎么形成?
1.1 什么是网页
网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页是网站中的一"页"，通常是HTML格式的文件，它要通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、链接、文字 、声音、视频等元素组成。通常我们看到的网页常见以.htm 或 .html后缀结尾的文件，因此将其称为HTML文件。
1.2 什么是HTMl
HTMl指的是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言(markup language)。
标记语言是一套标记标签(markup tag)。
所谓超文本 有2层含义
- 它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。
- 它还可以一个文件跳转到另一个文件，与世界各地主机的文件连接(超级链接文本)。
1.3 网页的形成
网页是由网页元素组成的，这些元素是利用html标签描述出来 然后通过浏览器解析来给用户的。
前端人员开发代码==>浏览器显示代码(解析 渲染)==>生成最后的web网页
1.4 网页总结
网页是图片、链接、文字、声音、视频等元素组成 其实就是一个html文件(后缀名为html)。
网页生成制作:有前端人员书写HTML文件，然后浏览器打开，就能看到网页。
HTMl:超文本标记语言 用来制作网页的一门语言 有标签组成的 比如 图片标签、链接标签、视频标签等等。
2. 常用浏览器与浏览器内核
网页是通过浏览器来展示的，关于浏览器我们要介绍以下两点。
- 常用的浏览器
- 浏览器内核
2.1 常用浏览器
浏览器是网页显示 运行的平台，常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等，平时称为五大浏览器。
七七自己平时用的是谷歌浏览器(chrome)也是推荐大家用这个浏览器进行开发。
2.2 浏览器内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
| Firefox | Gecko | 火狐浏览器内核 |
| Safari | Webkit | 苹果浏览器内核 |
| chrome/Opera | Blink | chrome/opera浏览器内核 Blink其实是Webkit的分支 |
3. Web标准(重点)
Web标准是由W3C组织和其他标准组织制定的一系列标准的集合 ，W3C(万维网联盟)是国际最著名的标准化组织。
3.1 为什么需要Web标准
遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一以外，还有以下优点：
- 让Web的发展前景更广阔
- 内容能被更广泛的设备访问
- 更容易被搜寻引擎搜索
- 降低网站流量费用
- 使网站更易于维护
- 提高页面浏览速度
3.2 Web标准的构成
主要包括结构(Structure) 表现(Presentation)和行为(Behavior) 三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 结构用于对网页元素进行整理和分类 现阶段主要学的是HTML |
| 表现 | 表现用于设置网页元素的版式 颜色 大小等外观样式 主要指的是CSS |
| 行为 | 行为是指网页模型的定义及交互的编写 现阶段主要学的是Javascript |
Web标准提出的最佳体验方案:结构、样式、行为相分离
简单理解 结构写到HTML文件中 表现写到CSS文件中 行为写到JavaScript文件中
3.3 Web标准的构成
我们拿鸟举个例子：
| 标准 | 对鸟的说明 |
|---|---|
| 结构 | 结构类似鸟的身体 |
| 表现 | 表现类似鸟的外观装饰 |
| 行为 | 行为类似鸟的行为动作 比如 跳、飞等 |
相对而言,三者中结构最为重要
4. VSCode工具生成骨架标签新增代码
- <!DOCTTYPE>标签
- lang语言
- charset字符集
4.1 文档类型声明标签
<!DOCTTYPE>文档类型声明 作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是，当前页面采取的是HTML5版本来显示页面。
注意
- <!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。
- <!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。
4.2 lang语言种类
用来定义当前文档显示的语言：
- en定义语言为英语
- zh-CN定义语言为中文
简单来说定义为en就是英文网页，定义为zh-CN就是中文网页。
其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。
这个属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的。
4.3 字符集
字符集(Character set)是多个字符的集合，以便计算机能够识别和存储各种文字。
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
charset常用的值有: GB2312、BIG5、GBK和UTF-8 其中UTF-8也被称为万国码 基本包含了全世界所有国家需要用到的字符。
**注意: 上面语法是必须要写的代码，否则可能引起乱码的情况 一般情况下，同意使用"UTF-8"编码 尽量统一写成标准的"UTF-8" 不要写成"utf8"或"UTF8"。
4.4 总结
- 以上三个代码vscode自动生成 基本不需要我们重写。
- <!DOCTYPE html> 文档类型声明标签，告诉浏览器这个页面采取html5版本来显示页面。
- <html lang=“en”>告诉浏览器或者搜索引擎这是一个英文网站，本页面采取英文来显示。
- <meta chatset=“UTF-8” />必须写，采取UTF-8来保存文字，如果不写就会乱码，具体原理后面分析。
我是七七 退一步是六进一步是八 下次再见
网页 浏览器内核 Web标准(七七)相关推荐
- 网页浏览器的Web打印插件开发指南
[能加加]网页打印插件是一款面向网页浏览器的Web打印代理软件,支持跨平台(Windows/Linux/MacOS).适配各种浏览器.插件提供了精简灵活的API,浏览器与代理软件的交互均通过Javas ...
- HTML 学习 | Day01 HTML简介(网页、常用的浏览器、Web标准)
1.网页 1.1 什么是网页 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...
- 学习笔记（1）：什么是网页、常用浏览器、Web 标准
1.网页 1.1 什么是网页 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...
- 一、网页、Web浏览器、Web标准
一.网页 1.1 什么是网页 网站\color{red}{网站}网站是指在因特网上根据一定的规则,使用HTML等制作的,用于展示特定内容相关的网页集合. 网页\color{red}{网页}网页是网站中 ...
- IE8 默认以Web Standards模式显示网页 全面遵循Web标准
兼容并且推广Web标准是 IE8 很主要努力的方向之一. 最近将要发布的IE8 beta版本里面, 默认的显示模式就是Web Standards. 希望将来互联网上越来越多的网页符合Web sta ...
- 前端开发 （网页，网站，web标准）
目录 网页:是网站在因特网的一"页",通常是HTML格式的文件,它要通过浏览器来阅读.因此也成为HTML文件. 网站:是指因特网根据一定的规则,使用HTML等制作的用于展示特定内容 ...
- document.all与WEB标准
1.DOM WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[].DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例 ...
- WaSP的简要历史以及为何Web标准很重要
2013年8月,Aaron Gustafson 发布到了WaSP博客 . 他向一个社区传达了苦乐参半的信息: 由于无数WaSP成员和支持者(如您)的辛勤工作,Tim Berners-Lee将网络视为开 ...
- Asp.Net与SEO – Web标准与网站重构
什么是Web标准与网站重构,相信绝大多数程序员都有所了解.我这里只简单介绍不做详细说明. Web标准把网页分为三部分:结构,表现和行为.也就是说Web标准也分成三大标准:结构化标准语言主要包括XHTM ...
- web标准是什么和web标准的构成
web标准是由W3C组织和其它标准化组织定制的一系列标准的集合.W3C(万维网联盟)是国际最著名的标准化组织. 为什么需要web标准? 因为浏览器不同,它们显示或排版就会有不同的差异.通过web标准, ...
最新文章
- java中迭代方式_JAVA中LIST迭代的方式汇总
- Cocos2d BMFont解析
- SpringBoot整合kafka案例
- 做游戏，学编程（C语言） 21 台球
- 《那些年啊，那些事——一个程序员的奋斗史》——53
- 12.1-12.5 LNMP架构介绍 ， MySQL安装 ， PHP安装， Nginx介绍
- svg.draw.js draw rectangle 画矩形
- 笔记——力学导论（下）
- 系统测试（重点知识）
- 通过--amend和rebase修改git commit提交的注释信息
- progress进度条滚动动画
- Java8 stream新定义运算
- [网易编程题] 涂棋盘
- RabbitMQ 入门到应用 ( 六 ) 消息可靠性
- 浙江移动面试二面（2009）
- excel表格计算机二级销售,计算机二级excel真题：制作产品销售情况表
- android源码大全 IOS游戏源代码打包下载 小游戏|视频教程 微信小程序源码带后台全套|公众号平台
- pycharm连接mysql5.7
- 保送研究生有什么要求吗？
- oVirt+SSAN超融合架构