专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

网站网页是什么,网站网页有什么区别

来源:小易整编  作者:小易  发布时间:2022-12-26 05:21
摘要:网站网页是什么,网站网页有什么区别。网站是由一个一个网页构成的,要想理解网站是什么,首先要理解网页是什么。1.什么是网页?网页其实就是放在服务器上的一个文件,当我们浏览网页时,这个文件会被下载到我们本地的电脑,然后再由浏览器解析,渲染出各种...
网站网页是什么,网站网页有什么区别。网站是由一个一个网页构成的,要想理解网站是什么,首先要理解网页是什么。

1. 什么是网页?


网页其实就是放在服务器上的一个文件,当我们浏览网页时,这个文件会被下载到我们本地的电脑,然后再由浏览器解析,渲染出各种漂亮的界面,比如表格、图片、标题、列表等。
网页文件的后缀有很多种,比如 .html、.php、.jsp、.asp 等,相信读者在浏览器的地址栏里也都见到过,如下图所示:

网站网页是什么,网站网页有什么区别

图1:在浏览器地址栏中查看 URL


但不管网页的后缀是什么,它的本质都是一样的,就是由 HTML 代码构成的纯文本文件。
我们可以使用记事本、Notepad++、Sublime Text、Vim 等文本编辑器打开网页文件,看到它的所有内容,就像下面这样:

<!DOCTYPE html><html lang="zh-CN"><head>    <meta charset="UTF-8">    <title>这是网页标题</title></head><body>    <p>这是一段文本</p>    <a href="http://c.biancheng.net/">这个一个超链接</a>    <ul>        <li>条目1</li>        <li>条目2</li>        <li>条目3</li>    </ul></body></html>

这就是 HTML 代码!我们可以看到很多由<>包围的特殊标记,这叫做 HTML 标签(Tag),浏览器通过识别这些 HTML 标签来渲染出各种界面和效果。
每种 HTML 标签都有不同的含义,适用于不同的场景,能展示出不同的效果,例如:

  • <html> 标签用来包围当前网页的所有 HTML 代码,可以把它看做一个外壳。

  • <head> 标签表示网页的头部,用来设置一些网页的参数,在浏览器中是看不到的:

    • <meta charset="UTF-8"> 用来指明当前网页的编码格式是 UTF-8;

    • <title> 用来设置当前网页的标题,相当于文件的名字,它会显示在浏览器的标题栏。

  • <body> 标签表示网页的正文内容,也就是需要在浏览器主界面中显示的内容:

    • <p> 标签用来表示一个段落,能容纳一段文本;

    • <a> 标签用来表示一个超链接,用鼠标点击后可以跳转到其它网页;

    • <ul> 标签用来表示一个列表,其中的每个 <li> 都是子标签,用来表示一个列表项。


将上面的代码保存到 index.html,拖到浏览器中运行,可以看到如下的效果:

网站网页是什么,网站网页有什么区别

图2:一个简单的网页


这是一个非常简陋的网页,仅作为例子来演示,真实网页的 HTML 代码远比这复杂,你可以在网页上单击鼠标右键,然后在弹出菜单中选择“查看网页源代码”,就可以查看当前网页的 HTML 代码。

2. 什么是网站?


一个网站由很多网页组成,可以将多个网页放在一个文件夹中,这个文件夹还可以嵌套其它子文件夹,最终形成一个树状结构,如下图所示:

网站网页是什么,网站网页有什么区别

图3:一个简单的网站结构


如果我们给顶级目录 program 绑定一个域名 www.domain.com,那么用户就可以通过 www.domain.com 来访问 program 文件夹中的所有文件(包括子文件夹),例如:

  • www.domain.com/demo.html

  • www.domain.com/python/

  • www.domain.com/java/spring.html

  • www.domain.com/java/maven/profile.html


可以认为,网站就是一个绑定了域名的文件夹,该文件夹中可以包含子文件夹以及各种各样的文件,这些文件都可以通过域名来访问。当我们在地址栏中输入一个 URL 时,它其实已经展示了服务器上的目录结构,例如 http://c.biancheng.net/linux/ln.html,就表示访问 linux 目录下的 ln.html 文件。
当然,你也可以不绑定域名,只要在服务器上设置某个文件夹提供 Web 服务,用户也可以通过 IP 地址来访问。
互联网上的所有服务器都是通过 IP 地址来定位的,域名只是 IP 地址的一种助记符,帮助用户记住网站的链接以及品牌。使用域名访问网站时,浏览器会先找到域名对应的 IP 地址,然后再通过 IP 地址请求服务器上的文件;这个过程叫做域名解析,是通过 DNS 服务器来完成的。
网站的作用是把计算机上的数据(文章、博客、图片、视频等)分享出去,让别人也能获取到有用的信息;同时,别人也能发布自己的数据(发布文章、留言、上传视频等),让网站的内容更加丰富。网站和用户之间是一个相互促进的关系,网站用户越多,积累的数据也就越多,然后就会吸引更多用户继续分享数据,这是一个良性循环,是一个健康的生态。
网站是互联网的基石,它让用户获取信息,也让用户分享信息,所以现在的互联网才能丰富多彩。

网站服务器(Server)

我们都知道网站放在服务器上,服务器其实就是一台计算机,它和我们平时使用的笔记本、台式机并没有什么区别,都由主板、CPU、内存、风扇等部件构成。不过,服务器一般是不带显示器、键盘、音响等外设的(当然它也支持这些外设),因为服务器的唯一用途就是运行网站,没有其它作用,所以用家庭台式机的主机箱来类比服务器更加恰当。
服务器一般放在专业的机房中,这些机房温度恒定、网络畅通、有备用电源、有容灾备份,能够保证服务器 7×24 小时不间断运行。
另外,为了让服务器能够放入机柜中,避免占用太多空间,服务器一般看起来很薄,是扁平的,这就是人们常说的“刀片”。

网站网页是什么,网站网页有什么区别


图4:刀片式服务器

网站网页是什么,网站网页有什么区别


图5:服务器机柜

3. 总结


网站可以认为是放在服务器上的一个文件夹,它包含了很多网页文件以及很多子文件夹。用户访问网站就是读取文件的内容,用户分享数据就是修改文件的内容,或者删除现有的文件,或者创建一个新的文件。


本文地址:IT百科频道 https://www.hkm168.com/tags/886380.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


IT百科
小编:小易整编
相关文章相关阅读
  • css设置网页字体

    css设置网页字体

    css是层叠样式表的缩写,是用于网站样式设计的语言。其中,设置网页字体是css中的一个重要方面。如何使用css设置网页字体,将为我们带来更好的视觉体验,提升页面的可读性和专业感。本文将主要介绍css中的字体相关设置,包括字体样式、字体大小以...

  • Javascript如何使网页跳转

    Javascript如何使网页跳转

    方法:1、使用_window.location.href方式;2、使用window.history.back方式;3、使用window.navigate方式;4、使用self.location方式;5、使用top.location方式。本教...

  • 网页中最基本的元素是什么

    网页中最基本的元素是什么

    网页中最基本的元素是“文字和图像”。网页是构成网站的基本元素,是承载各种网站应用的平台;而文字与图像是构成一个网页的两个最基本的元素,文字就是网页的内容,图像就是网页的美观;除此之外,网页的元素还包括动画、音乐、视频等等。网页是构成网站的...

  • PHP中的电商网站开发指南

    PHP中的电商网站开发指南

    随着电子商务的兴起和发展,电商网站成为了许多企业和个人创业者的重要选择。而php作为一种广泛应用于web开发的服务器端脚本语言,也因其易学易用和强大的功能而逐渐成为了电商网站开发的主要选择之一。本文将从以下几个方面介绍php中的电商网站开发...

  • 分享一个用h5制作的网页版扫雷游戏实例代码

    分享一个用h5制作的网页版扫雷游戏实例代码

    闲的没事写个扫雷,算法不太好·····凑合,还真的不错,可以看一下扫雷...

  • 如何处理无法打开网页的IE浏览器问题

    如何处理无法打开网页的IE浏览器问题

    php小编百草教你轻松解决ie浏览器打不开网页的难题!当您遇到ie浏览器无法打开网页时,可能是多种原因造成的。本指南将为您提供一系列简单易懂的步骤,帮助您快速诊断和解决问题,让您重回畅游网络世界的快感!ie浏览器无法访问页面的解决办法1....

  • 使用js开发网页版 扫雷(附代码详解)

    使用js开发网页版 扫雷(附代码详解)

    //HTMEL//css.bottom,over{text-align:center;line-height:0px;}.bot...

  • 十五个比较流行的国外PHP学习网站

    十五个比较流行的国外PHP学习网站

    随着互联网的迅速发展,程序员的数量在不断增多,现在很多人都选择了去培训机构学习php。除此之外现在的php学习网站也特别的多,在线教程永远都受到欢迎,所以本文列出15个国外学习php的好网站,分享给大家。这些php网站包括很多的在线教程。列...

  • 周排行
  • 月排行
  • 年排行

精彩推荐