《Web前端工程师修炼之道(原书第4版)》——网页地址(URL)

本文涉及的产品
.cn 域名,1个 12个月
简介:

本节书摘来自华章社区《Web前端工程师修炼之道(原书第4版)》一书中的网页地址(URL),作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区“华章社区”公众号查看

网页地址(URL)
Web上的每个页面和资源都有特殊的地址,那就是URL(统一资源定位器)。在现在的公交车侧面、公司名片或者电视的商业化广播上,你每天都可能看到URL(读作“U-R-L”,而不是“erl”)。网站地址深入了我们生活的方方面面。
一些URL很简短,还有一些URL是用点和斜线隔开的混乱的字符串,虽然看起来很繁杂,但是其中每一部分都有特定的含义。我们将详细讲述。
URL的组成
完整的URL通常由三部分组成:协议、站点名字和文档或资源的绝对路径,如图2-1所示。


ee5d9063dfef31da8484a4a3c3390f04180da6de

http://
URL所做的第一件事是指定处理事务所用的协议。字母 HTTP告诉服务器使用超文本传输协议,或者进入“Web模式”。
② www.example.com
URL的第二部分用域名标识了网站。在这个例子中,域名是example.com。开头的www.是特殊的主机名字。主机“www”已经成为一个惯例,但并不是规定。事实上,有时候主机名可以省略。每个域名都可以有多个网站(也就是子域名)。例如,可能有development.example.com和clients. example.com等。
③ /2012/samples/first.html
这是在服务器上被请求的HTML文件first.html的绝对路径。用斜线分隔的单词表示目录名称,从主机的根目录开始。由于互联网最初由运行Unix操作系统的计算机组成,所以到现在依然遵循很多Unix的规则和约定,因此使用/分离目录名称。
总之,图2-1例子中的URL说明它使用的是HTTP协议来连接互联网上名叫www.example.com的Web服务器,并且请求first.html文件(这个文件在Samples文件夹中,再上一层目录是2012)。
默认文件
显然,并非每一个URL都是这么长。很多地址没有包含文件名字,只简单地指向一个目录,就像下面这样:
http://oreilly.com
http://www.jendesigh.com/resume/
当服务器收到对一个目录的请求而不是对特定文件的请求时,它就会在目录中寻找默认文件,这个文件通常称为index.html,所以当在浏览器中输入上面这些URL时,实际会看到的是:
http://oreilly.com/index.html
http://jendesign.com/resume/index.html
默认文件(一般指的是index文件)的名字可以改变,这取决于服务器是如何配置的。在这个例子中,默认文件是index.html,但还有一些服务器会使用default.htm作为默认文件。如果你的站点是使用服务端程序来生成页面的,index文件可能就会命名为index.php或者index.asp。与你的服务器管理员或技术支持部门一同检测一下,以确保默认文件的名字正确。
在第一个例子中还有一个要注意的地方,原先的URL并没有末尾的斜线,以表示这是一个目录。当省略这个斜线时,如果服务器发现存在这个名字的目录,它会自动添加一个斜线。
Index文件对安全也是有用的。如果没有找到默认文件,一些服务器(取决于它们的配置)会显示目录的内容。如图2-2所示,由于没有找到默认文件,目录housepics中的所有文件都暴露出来了。阻止人们看到你的这些文件的一个方法是,确保每个目录都有一个index文件。你的系统管理员也可能会添加一些保护措施,以免浏览器显示目录内容。

相关文章
|
17天前
|
前端开发 JavaScript 开发者
探索Web设计新纪元:CSS3的革新特性如何重塑我们的网页视觉体验?
【8月更文挑战第26天】随着Web技术的发展,CSS3为前端开发带来了众多激动人心的新特性,极大提升了网页设计的视觉效果与创意空间。本文通过对比CSS3与CSS2,详细介绍了CSS3在选择器增强、圆角阴影处理、渐变背景应用、转换动画实现、文字效果优化、媒体查询支持及多列布局方面的显著改进,展示了CSS3如何助力开发者打造更具吸引力和互动性的网页体验。
32 1
|
2天前
|
安全 PHP 开发者
Web安全-URL跳转与钓鱼
Web安全-URL跳转与钓鱼
17 8
|
12天前
|
网络协议 前端开发 JavaScript
浏览器加载网页的幕后之旅:从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后,一系列复杂过程随即启动,包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回,最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码,本文详细解释了每个步骤,帮助读者深入理解Web应用程序的工作机制,从而在开发过程中作出更优决策。
27 5
|
19天前
|
XML JavaScript 前端开发
哇塞!Web 前端惊现 DOM 元素神操作,一场惊心动魄的网页变革,你准备好了吗?
【8月更文挑战第23天】在Web前端开发中,熟练操作DOM元素至关重要。DOM作为一种编程接口,将HTML/XML文档表示为节点树,便于使用JavaScript访问及修改文档内容与结构。
40 0
|
11天前
|
开发者 图形学 API
从零起步,深度揭秘:运用Unity引擎及网络编程技术,一步步搭建属于你的实时多人在线对战游戏平台——详尽指南与实战代码解析,带你轻松掌握网络化游戏开发的核心要领与最佳实践路径
【8月更文挑战第31天】构建实时多人对战平台是技术与创意的结合。本文使用成熟的Unity游戏开发引擎,从零开始指导读者搭建简单的实时对战平台。内容涵盖网络架构设计、Unity网络API应用及客户端与服务器通信。首先,创建新项目并选择适合多人游戏的模板,使用推荐的网络传输层。接着,定义基本玩法,如2D多人射击游戏,创建角色预制件并添加Rigidbody2D组件。然后,引入网络身份组件以同步对象状态。通过示例代码展示玩家控制逻辑,包括移动和发射子弹功能。最后,设置服务器端逻辑,处理客户端连接和断开。本文帮助读者掌握构建Unity多人对战平台的核心知识,为进一步开发打下基础。
32 0
|
18天前
|
网络协议 NoSQL 网络安全
【Azure 应用服务】由Web App“无法连接数据库”而逐步分析到解析内网地址的办法(SQL和Redis开启private endpoint,只能通过内网访问,无法从公网访问的情况下)
【Azure 应用服务】由Web App“无法连接数据库”而逐步分析到解析内网地址的办法(SQL和Redis开启private endpoint,只能通过内网访问,无法从公网访问的情况下)
|
19天前
|
前端开发 数据安全/隐私保护 开发者
热门聚焦!Web 前端 CSS 选择器 —— 解锁精美网页的密码,触动开发者心灵深处!
【8月更文挑战第23天】CSS 选择器是 Web 前端设计中的关键工具,用于精准定位和美化页面元素。主要包括:直观的元素选择器(如 `p`),灵活的类选择器(如 `.my-class`),唯一的 ID 选择器(如 `#unique-div`),以及可根据属性选择的属性选择器(如 `a[title]`)。此外,后代选择器(如 `div p`)、子选择器(如 `ul > li`)和相邻兄弟选择器(如 `h1 + p`)可用于更复杂的选择。通用选择器(如 `*`)则适用于所有元素。通过组合这些选择器,开发者能够创建出既复杂又美观的网页样式,提升用户体验。
26 0
|
19天前
|
前端开发 JavaScript 开发者
揭秘Web前端交互核心:掌握事件对象,让你的网页响应如丝般顺滑!
【8月更文挑战第23天】在Web前端开发中,事件处理是实现用户与网页互动的关键机制。JavaScript通过事件对象(Event Object)让开发者能捕捉并响应用户的动作,如点击或按键等。事件对象封装了事件的相关信息,在事件监听器触发时作为参数传递。本文首先介绍了事件对象的基础概念,接着详细探讨了常用属性和方法,包括`type`、`target`、`currentTarget`及`preventDefault()`等。并通过一个简单的示例展示了如何在事件处理函数中利用事件对象来获取事件类型、触发元素等信息,并演示了如何阻止默认行为。
24 0
|
1月前
|
移动开发 JavaScript Android开发
如何实用便捷的在本地真机调试WEB端HTML5网页
如何实用便捷的在本地真机调试WEB端HTML5网页
|
11天前
|
数据库 开发者 Python
web应用开发
【9月更文挑战第1天】web应用开发
26 1

热门文章

最新文章