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

简介:

本节书摘来自华章社区《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文件。你的系统管理员也可能会添加一些保护措施,以免浏览器显示目录内容。

相关文章
|
前端开发 JavaScript API
(前端3D模型开发)网页三维CAD中加载和保存STEP模型
本文介绍了如何使用`mxcad3d`库在网页上实现STEP格式三维模型的导入与导出。首先,通过官方教程搭建基本项目环境,了解核心对象如MxCAD3DObject、Mx3dDbDocument等的使用方法。接着,编写了加载和保存STEP模型的具体代码,包括HTML界面设计和TypeScript逻辑实现。最后,通过运行项目验证功能,展示了从模型加载到保存的全过程。此外,`mxcad3d`还支持多种其他格式的三维模型文件操作。
1717 124
|
人工智能 自然语言处理 前端开发
DeepSite:基于DeepSeek的开源AI前端开发神器,一键生成游戏/网页代码
DeepSite是基于DeepSeek-V3模型的在线开发工具,无需配置环境即可通过自然语言描述快速生成游戏、网页和应用代码,并支持实时预览效果,显著降低开发门槛。
2191 93
DeepSite:基于DeepSeek的开源AI前端开发神器,一键生成游戏/网页代码
|
缓存 前端开发 JavaScript
前端开发的必修课:如何让你的网页在弱网环境下依然流畅运行?
【10月更文挑战第30天】随着移动互联网的普及,弱网环境下的网页性能优化变得尤为重要。本文详细介绍了如何通过了解网络状况、优化资源加载、减少HTTP请求、调整弱网参数和代码优化等方法,提升网页在弱网环境下的加载速度和流畅性,从而改善用户体验。
1052 4
|
JavaScript API 开发工具
(H5-Web3D-ThreeJS)在网页三维CAD中绘制窗户模型
本文介绍了如何使用mxcad3d在网页中创建一个简单的三维窗户模型。通过官方教程搭建环境,编写绘制窗户模型的代码,并在点击按钮后展示模型效果。最终模型包括窗框和玻璃部分,具备丰富的三维建模功能和便捷的API支持。
822 123
|
人工智能 搜索推荐 IDE
突破网页数据集获取难题:Web Unlocker API 助力 AI 训练与微调数据集全方位解决方案
本文介绍了Web Unlocker API、Web-Scraper和SERP API三大工具,助力解决AI训练与微调数据集获取难题。Web Unlocker API通过智能代理和CAPTCHA绕过技术,高效解锁高防护网站数据;Web-Scraper支持动态内容加载,精准抓取复杂网页信息;SERP API专注搜索引擎结果页数据抓取,适用于SEO分析与市场研究。这些工具大幅降低数据获取成本,提供合规保障,特别适合中小企业使用。粉丝专属体验入口提供2刀额度,助您轻松上手!
991 2
|
移动开发 前端开发 API
鸿蒙web加载本地网页资源异常
在鸿蒙NEXT Api 12中,为解决Web组件加载本地资源(如图片、CSS等)失败的问题,我们采用拦截机制。具体步骤如下: 1. **替换路径**:通过正则表达式将HTML和CSS中的资源路径替换为带有标记的URL(如`http://local`),以便后续识别。 2. **拦截与返回**:在资源加载时,拦截带有标记的URL,读取对应的本地文件并返回给Web组件。此过程确保了本地资源能正确加载和显示。 代码实现包括路径替换、资源拦截及响应构建,确保Web页面能够顺利加载本地资源。
826 7
|
XML 前端开发 JavaScript
前端大神揭秘:如何让你的网页秒变炫酷,让用户欲罢不能的5大绝招!
前端开发不仅是技术活,更是艺术创作。本文揭秘五大前端开发技巧,包括合理运用CSS动画、SVG图形、现代JavaScript框架、优化网页性能及注重细节设计,助你打造炫酷网页,提升用户体验。
609 30
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1238 5
|
搜索推荐 前端开发 开发者
前端开发的必修课:如何让你的网页在搜索引擎中脱颖而出?
【10月更文挑战第31天】前端开发不仅是构建网页与用户间桥梁的关键,还需注重搜索引擎优化(SEO)。优化网页结构、合理使用关键词、提升加载速度及整合社交媒体等技巧,能帮助网页在搜索引擎中脱颖而出,吸引更多用户。
335 5