【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命名格式存在的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值