【html】浏览器与服务器
1.浏览器
浏览器:安装在电脑里面的一个软件,能够将网页内容呈现给用户查看,并让用户与网页交互的一种软件。
2.浏览器内核
浏览器内核:浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容,以及页面格式信息。
如:IE内核 Trident
谷歌内核 WebKit / Blink
火狐内核 Gecko
Safarri内核 WebKit
欧朋内核 Presto
注:因为内核不同,所以浏览器有兼容问题。
3.服务器
服务器:也是电脑,只不过是比我们的电脑配置更高的电脑,并且24小时不断电,不关机的计算机。
服务器是专门用于存储数据的电脑,访问者可以访问服务器获得服务器上存储的资源。
服务器一直关机,访问者就无法访问。
4.通过IE浏览器举例
1.第一次打开IE,发现系统自动给我们生成了一个文件夹,所以我们可以得出这个文件夹必然和IE有一定的关系。
2.先删除Internet Cache下的所有文件夹,然后通过IE打开百度的首页,发现被删除的文件夹又回来了。
3.再次删除这些文件夹,发现不能删除,提示被其他应用程序打开,但是当我们关闭IE浏览器后发现又可以删除了。
4.这些文件夹我们称之为缓存文件夹,是专门用于存储网页数据的文件夹。
结论:
1.当我们利用浏览器访问网页时,其实是有真实的物理文件传输的。浏览器会先将网页上的内容缓存到本地文件夹,然后再渲染出来呈现给用户查看。
2.平时我们在上网时会感觉到第二次访问网页会比第一次访问网页要快,就是因为第一次访问时已经将这个网页上的信息缓存到了本地。
3.通过观察我们还发现缓存文件夹中除了缓存图片以外还缓存了一些例如.js .css .html等文件,所以得出一个网页不是一个文件,而是一堆文件的集合。网页越复杂那么组成这个网页的文件就越多。
5.PC机与CSDN服务器的信息传输
请求报文=请求行+请求头+空行+请求体
响应报文=响应行+响应头+响应体
6.关于URL
URL:在浏览器地址栏中输入的地址。
URL格式:
http://127.0.0.1/index.html (浏览器会自动添加:80)
http://127.0.0.1:80/index.html (完整的格式)
URL拆分:
http:// URL协议类型
127.0.0.1 服务器IP地址(相当于地址)
:80 服务器的端口号(相当于门牌号)
index.html 需要访问的资源名称
注:
IP地址和端口号的作用:告诉浏览器我们需要访问的那台服务器的详细地址。
资源名称的作用:获取服务器上的哪个资源。
7.关于HTTP协议
HTTP是Hypertext Transfer Protocol的缩写,超文本传输协议。
用来规范/约束浏览器和服务器之间如何沟通。
8.关于HTML
HTML是HyperText Markup Language的缩写,超文本标记语言。
用来描述文本的语义,也就是说可以利用HTML来告诉浏览器哪些是标题,哪些是段落。
HTML的标签在浏览器中不会被显示出来,所以我们称这些文本为“超文本”。
注:HTML的作用只有一个,是专门用来给文本添加语义的,而不是用来修改文本样式的。
H1标签的作用是什么?
错误:H1标签可以用来修改文字的大小,而且还可以将文字加粗。
正确:H1标签是专门给指定的文字添加标题语义的。
IETF是Internet Engineering Task Force的缩写,即互联网工程任务组。
IETF负责定义并管理因特网技术的所有方面,包括用于数据传输的IP协议,让域名与IP地址匹配的域名系统(DNS),用于发送邮件的简单邮件传输协议(SMTP)等。
W3C是World Wide Web Consortium的缩写,即W3C理事会或万维网联盟,W3C是全球互联网最具权威的技术标准化组织。
W3C于1994年10月在麻省理工学院计算机科学实验室成立,创建者是万维网的发明者Tim Berners-Lee。
W3C负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准都是由W3C来制定的。
<html><head><title></title></head><body></body>
</html>
成对出现的标签中有一个带/有一个不带/,这些不带/的标签我们称之为开始标签,带/的标签我们称之为结束标签。
html标签:
-作用:用于告诉浏览器这是一个网页,也就是说告诉浏览器我是一个HTML文档。
-注意点:其他所有标签都必须写在html标签里面,也就是写在html开始标签和结束标签中间。
head标签:
-作用:用于给网站添加一些配置信息。
-例如:
-指定网站的标题/网站的小图片
-添加网站的SEO相关的信息(指定网站的关键字/网站的描述信息)
-外挂一些外部的css/js文件
-添加一些浏览器适配相关的内容
-注意点:一般情况下,写在head标签内部的内容都不会显示给用户查看。
title标签:
-作用:专门用于指定网站的标题,并且这个指定的标题将来还会作为用户保存网站的默认标题。
-注意点:title标签必须写在head标签里面。
body标签:
-作用:专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)。
-注意点:
1.一定要将需要显示的内容写在body中。
2.一对html标签中只能由一对body标签。
head内部标签——meta标签
-作用:指定当前网页的字符集。
-为什么会有乱码现象?
-因为我们在编写网页的时候没有指定字符集。
-如何解决乱码现象?
-在head标签中添加<meta charset="GBK" />,指定字符集。
-什么是字符集?
-字符集就是字符的集合。
-GBK(GB2312)和UTF-8的区别:
-GBK(GB2312)里面存储的字符比较少,仅仅存储了汉字和一些常用英文;
-体积比较小;
-UTF-8里面存储世界上所有的文字;
-体积比较大;
-那么在企业开发中我们应该使用GBK(GB2312)还是UTF-8呢?
-如果你的网站仅仅包含中文,那么推荐使用GB2312,因为它的体积更小,访问速度更快。
-如果你的网站除了中文以外,还包含了一些其他国家的语言,那么推荐使用UTF-8。
-懒人推荐:一律写UTF-8即可。
-注意点:
1.在HTML文件中指定的字符集必须和保存这个文件的字符集一致,否则还是会出现乱码。
2.所以仅仅指定字符集不一定能解决乱码问题,还需要保存文件的时候,文件的保存格式必须和指定的字符集一致才能保证没有乱码问题。
HTML标签分类:
1.单标签:只有开始标签没有结束标签,也就是由一个<>组成的。
例如:<meta charset="UTF-8" />
2.双标签:有开始标签和结束标签,也就是由一个<>和一个</>组成的
例如:<html></html>
HTML标签关系分类:
1.并列关系(兄弟/平级)
例如:
<head>
</head>
<body>
</body>
2.嵌套关系(父子/上下级)
例如:
<head>
<meta charset="UTF-8" />
<title>百度一下,你就知道</title>
</head>
-什么是DTD文档声明?
-由于HTML有很多个版本的规范,每个版本的规范之间又有一定的差异,所以为了让浏览器能够正确地编译/解析/渲染我们的网页,我们需要在HTML文件的第一行告诉浏览器当前这个网页是用哪一个版本的HTML规范来编写的。
例如:<!DOCTYPE html>
每一个不同版本的规范都有不同的DTD文档声明。HTML5的DTD文档是向下兼容的。
-DTD文档声明的注意点:
1.任何一个标准的HTML网页,第一行一定是DTD文档声明,也就是说DTD文档声明必须写在HTML的第一行。
2.DTD文档声明不区分大小写
<!DOCTYPE html>
<!doctype html>
3.DTD文档声明不是一个标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
4.浏览器并不是完全依赖这个DTD文档声明,浏览器有一套属于自己的机制,也就是说DTD文档声明不写网页也能正常运行。
-HTML和XHTML的区别:
-HTML语法非常宽松容错性强
-XHTML更为严格,要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起等;
-HTML5是HTML的下一个版本所以除了容错性强以外,还增加许多新特性。
-.htm 和 .html 扩展名区别:
-DOS操作系统(win95或win98)下只能支持长度为3的后缀名,所以是.htm。
-但在windows后缀长度可以大于3位,html是为长文件的格式命名的。
-所以htm是为了兼容过去的DOS命名格式存在的。
【html】浏览器与服务器相关推荐
- win7开机提示服务器正在运行,科技常识:win7电脑启动ie浏览器提示服务器正在运行的处理方法...
今天小编跟大家讲解下有关科技常识:win7电脑启动ie浏览器提示服务器正在运行的处理方法,相信小伙伴们对这个话题应该也很关注吧,小编也收集到了有关科技常识:win7电脑启动ie浏览器提示服务器正在运行 ...
- ajax option请求后无post请求_ThingJS:一种浏览器、服务器和技术的新组合方法——Ajax...
Web应用是一种极大方便用户的操作界面,数据维护技术Ajax也从中脱颖而出,ThingJS采用了Ajax的数据维护能够形成轻量化的开发流程. 为什么Ajax 通过XHR 实现Ajax 通信的一个主要限 ...
- 课时2.浏览器和服务器(了解)
1.什么是浏览器? 浏览器就是由安装在我们电脑上的一款软件,QQ,百度影音等一样,都是安装在电脑上的一款软件 那这些软件之间由什么区别呢? 它们的区别就是它们的功能不太一样,QQ是用来聊天的,百度影音 ...
- 浏览器与服务器响应流程-----(转)
一. 解析域名地址为IP地址 浏览器DNS缓存:以Chrome为例,在浏览器窗口中输入chrome://net-internals/#dns,就可以查看当前浏览器DNS缓存记录,chrome的DNS缓 ...
- win8.1 服务器正在运行,Win8.1系统打开IE浏览器提示服务器正在运行中的解决方法图文教程...
win8.1系统自带有ie浏览器,在使用过程中难免会遇到一些故障问题,这不有些用户说win8.1系统打开ie浏览器提示"服务器正在运行中",导致浏览器无法正常运行,该如何解决呢?大 ...
- java cookie能存到服务器_Cookie技术用于将会话过程中的数据保存到( )中,从而使浏览器和服务器可以更好地进行数据交互。(5.0分)_学小易找答案...
[单选题]下列选项中,用于对超链接和form表单中的action属性中设置的URL进行重写的方法是(5.0分) [判断题]安装好Tomcat后,就可以直接启动运行了,并不要先安装JDK.(5.0分) ...
- 浏览器和服务器之间的通信
讲浏览器和服务器之间的通信之前,先讲几个概念 一.单工.半双工.全双工的区别: 1.单工:数据只在一个方向上传输,不能实现双方通信.(例子:电视.广播) 2.半双工:允许数据在两个方向上传输,但是同一 ...
- Java Web实现 使用浏览器从服务器下载文件
Java Web实现 使用浏览器从服务器下载文件. 代码实现: package com.juneyaoair.util;import lombok.SneakyThrows;import javax. ...
- 【ASP.net】浏览器和服务器的交互
引言 从CS(Client/Server)学习到BS(Browser/Server)学习,web让客户端化身为最为方便使用的--浏览器,交互性也成为了BS的一大特点. 有关web程序的开发周期介绍,w ...
- 浏览器和服务器的交互过程
浏览器和服务器做了以下几个操作: 1.浏览器根据主机名"www.baidu.com"去操作系统的Hosts文件中查找主机名对应的IP地址. 2.浏览器如果在操作系统的Hosts文件 ...
最新文章
- gpt最大分区容量_[电脑知识]GUID(GPT)磁盘全局唯一分区表详解
- opencv 释放内存
- 01.QT中点击弹出新页面
- 为什么BGP需要TCP三次握手?
- 服务器的硬盘内存型号大小怎么查看,怎么查服务器硬盘和内存大小
- windows下运行bochs
- 6个免费音乐网站,随便听随便下,都是好干货
- win7免费升级win10(正版)!!!
- 微分方程Gear方法MATLAB,常微分方程的数值解
- idea设置类注释和方法注释模板
- android fuse 检测原理,fuse 原理总结
- 你告诉我,读书没有用
- Henry前端笔记之 UI组件库中table与slot相关理解
- 超酷! Atlas给黑白视频“上色”
- 什么?你还没女伴?教你如何借助Python俘获女孩子芳心
- 网址铺吧网址导航源码程序最大特点本系统改变了以往网址站一成不变的模式
- 鲁棒优化入门(二)——基于matlab+yalmip求解鲁棒优化问题
- 【动物篇】蚂蚁和大象
- motionbest】 动态野兽AE课程人工翻译【画质高清有素材】
- Grizzly NIO框架
热门文章
- CodeForces - 140E New Year Garland (DP 计数)
- # 对象的属性把其他自定义类作为属性**Dog宠物狗**
- vector_empty
- arduino的servo函数_如何使用Arduino舵机库servo.h – 八色木
- 常见流媒体服务器方案对比分析
- 南京工业大学python期末考试_Python语言程序设计(杨晓秋)_章节测验,期末考试,慕课答案查询公众号...
- 十七、cisco交换机常见故障
- 小米10pro第二个摄像头下面_小米10 Pro真机体验,憋了一肚子心里话,不吐不快...
- 记c# Memcached遇到写入缓存对象得到false失败的原因
- 苹果手机如何分屏_苹果手机系统如何升级