为什么有时候不同的 URL 可以访问同一个页面

时候不同的 URL 可以访问同一个页面，原理如下：

1、# 仅仅指导浏览器动作

#：井号表示锚点，表示网页中的一个位置。

例如，下面的三条 URL 实际上只是同一条 URL，不同的锚点表示了网页中的不同位置：

https://apps.fuyeor.com/zh-cn/games/#gobang
https://apps.fuyeor.com/zh-cn/games/#2048
https://apps.fuyeor.com/zh-cn/games/#ancient-spider

所以这相当于访问同一个页面。

2、携带没有的网页参数，对网站没有影响。

？：？号表示查询参数的符号。

例如，下面的三条 URL 携带了不同的参数和不同的参数值，但因为网站并没有这些参数（或者不处理），因此网站内容没有发生任何变化。

https://www.fuyeor.com/zh-cn/?form=fuyeor.docs
https://www.fuyeor.com/zh-cn/?例子例子例子
https://www.fuyeor.com/zh-cn/?参数=取值

实际上只是同一条 URL，同一内容，所以这相当于访问同一个页面。

3、部分网站的 URL 支持通用大小写。

有一些网站的 URL 不支持通用大小写，只能按照网站当初的规定来访问网站选择的规范的页面。

但更多的网站的 URL 其实是支持通用大小写的。例如，下面的三条 URL 大小写不同，但因为网站支持通用大小写，因此网站内容没有发生任何变化，也没有出现 404、403 之类的报错。

https://www.fuyeor.com/zh-CN
https://www.fuyeor.com/zh-cn
https://www.fuyeor.com/Zh-cN

4、网站 URL 结尾带不带斜杠？

网址后面有没有斜杠的含义不同：

末尾带斜杠 / 的格式“https://www.fuyeor.com/zh-cn/”相当于目录；
而末尾不带斜杠 / 的格式“https://www.fuyeor.com/zh-cn”相当于文件，是两个不同的地址。

对于服务器来说，如果访问目录，则会根据规则访问改目录下的默认文件（如: index.php、index.html 等等），如访问 /abc/，服务器可能会寻找 abc/index.html 文件，而访问 /abc 服务器则会寻找 abc 这个文件。

但如果网站重定向或者干脆不区分结尾带不带斜杠，其实也没有任何影响。

网址后面加”/“与不加斜杠有什么区别？

6、index.html

index.html是网站首页。

7、综述

综述，如果一条 URL 里有仅仅指导浏览器动作的“ # ”、携带了没有的网页参数、 URL 支持通用大小写、忽略 URL 结尾斜杠的影响，那么就会出现不同的 URL 可以访问同一个页面的情况：

https://www.fuyeor.com/zh-cn/?form=fuyeor.docs
https://www.fuyeor.com/zh-cn/?form=fuyeor.docs#content
https://www.fuyeor.com/zh-cn/
https://www.fuyeor.com/zh-cn
https://www.fuyeor.com/ZH-CN
https://www.fuyeor.com/zh-cn#content

上述例子中所有的 URL 都是同一个页面，没有任何区别。

页就是一个HTML文件。

1、HTML结构

<!doctype html>

<HTML>

<head>

</head>

<body>

</body>

</HTML>

说明：

文档类型<!DOCTYPE>

<!DOCTYPE html>

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范.

HTML标签
标识HTML文档，是所有HTML中标签的一个根节点。
head标签
标识头部区域，用于存放：title,meta,base,style,script,link
title标题
在head标签中我们必须要设置的标签，让页面拥有一个属于自己的标题。
body标签
标识页面的主体部分，用于存放所有的HTML标签，如p,h,a,b,u,i,s,em,del,ins,strong,img

2、HTML标签和属性

写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息组合而成，当然标签和信息也不是随便组合的，需要遵循一定规则，否则无法正常显示。

标签分类
在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML标签。根据出现个数不同，分为双标签和单标签
双标签
该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
<标签名属性名1="属性值" 属性名2="属性值" 属性名3="属性值" ……> 内容 </标签名>
单标签
单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
<标签名属性名1="属性值" 属性名2="属性值" 属性名3="属性值" …… />

标签关系
嵌套关系
<head> <title> </title> </head>
并列关系
<head></head> <body></body>
标签语义化
所谓标签语义化，就是指标签的含义
作用：

方便代码阅读和维护
具有更好地搜索引擎优化
更容易让浏览器或是网络爬虫解析，从而更好地分析网页的内容

遵循原则：
合适的地方放一个最为合理的标签。当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性

有一起学习的吗？请点赞收藏+关注哦！

位小伙伴，接下来讲解html基础部分的填空题的讲解。

·在html标准中一系列的集合主要包括结构、表现和行为，在这里面不建议各位写英文。

·接下来在这里面htm要通过将网站与网页之间各个元素链接起来并且构成丰富多彩。在这个页面里面是不是点击任意的下拉或者对应的内容有什么？是不是有对应的页面跳转在这里面就是超链接。

·在html中可以应用tr，这里面就是行标来设置当前的垂直属性，就是we alone。

·在这里面网页的跟标记是html主体标记是标题，标记是主体标题是body标题，标题是tatto。

·在html标准中结构标准用于对网页元素进行整理和分类，包括xml和xhtml。

·选择题、填空题做一遍下来都有对应的答案了是吧？什么标记在最前面不用讲了，就是文档类型标记。

·在这里面也可以再读一遍这句话，网页当中常见的图片格式有gpg、png和jpg格式。htm有一个中文翻译，超文本标记语言这个字也要记住，这里面就对应的一个内容的缩写。

·在这里面常用于对于术语和名词的解析和描述。

·列表没有任何的项目符号，u l无需列表有没有符号？有ol有没有有序列表有没有符号？有一二三四，一个是点方形和圆圈对不对？那就只有哪一个定义列表？d l、d t跟d d。

·当to gate等于什么的时候打开新页面是blank，在这里面记得加个下划线。

·html中spin标记属于行内标记。html中什么标记用于设置当前表格的表头？t h标记。t h是标题标记表格的标题标记。

·在网页中列表通常分为三类分别定义，分别是什么？有序、无序和定义。但友情提示，不要写中文，中文完了之后还补英文的内容，因为格式是这样子的。如果在这里面把后面忽略掉，也可以把后面内忽略掉。

·在图像中什么属性用于设置鼠标悬停的时候的提示文字？记住悬停不是未加载，所以是title out是加载不出来的时候显示。

·在html中文本标记负责给文本添加语义，其中he标记为文本添加标题，就主标题，标题用来添加段落。一般情况下写标题也应该没问题，只能说一般情况，但是建议按照参考答案走，如果参考答案是错的不要按照参考答案走。

·在input标记中什么是用来指定不同类型的空间？肯定是tap，input标签又称之为变色龙标签。随着tap的值不同，它的状态和效果也是不同的。

·设置访问超链接的样子需要给a标签添加css样式的尾类是什么？就是list，因为list表示已经访问。html语言主要通过什么？对当前的内容进行描述肯定是通过标记。htm标记单击网页抄链接默认的情况下发送的请求方式为get。

在通常将标记分为单标跟双标，其中什么是指当前一个标记符号即可以完整的描述当前功能？肯定是单标记。image标签表示一个图像信息，它有一个必须要指定的属性来指定路径，那就src。在这里面各要知道link标记、a标记还有js的标记常用的外列的标记是哪几个？这个要懂。

a标签用的是客服，image用的是src，放的标记就是放的指的是字体样式，可以指什么属性可以指定当前的文本颜色，那就卡了。英文单词自己记，不要写错了。

若请求u i r地址为当前的内容，则ht t p请求中的host表示主机地址就是对应的网址。在这里面填空题就给大家说完了，谢谢。

在线咨询

上一篇：第二期html基础惊！学习了这些知识居然可以做网页
下一篇：MySQL 临时表空间数据过多导致磁盘空间不足的问题

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商