Web 词汇表学习笔记

HTML

HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它使用标签和属性来描述网页的结构和内容。例如,下面是一个简单的 HTML 文档:

htmlCopy Code
<!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1>欢迎来到我的网页!</h1> <p>这是我的第一个网页。</p> </body> </html>

在这个例子中,<html> 标签表示整个网页,<head> 标签包含网页的元数据,如标题和链接,而 <body> 标签包含网页实际的内容。

CSS

CSS(Cascading Style Sheets)是一种用于控制网页样式的语言。它允许开发人员通过选择器和声明来为网页添加样式。例如,在上面的 HTML 文档中,我们可以添加以下 CSS 样式:

cssCopy Code
h1 { color: red; font-size: 36px; } p { color: blue; }

这将使 <h1> 元素变成红色、36 像素大,而 <p> 元素变成蓝色。

JavaScript

JavaScript 是一种用于创建动态网页的脚本语言。它可以在网页加载后修改网页内容、响应用户操作和与服务器交互。例如,以下代码会弹出一个消息框:

javascriptCopy Code
alert('欢迎来到我的网页!');

此外,JavaScript 还可用于创建交互式表单、动画和游戏。

AJAX

AJAX(Asynchronous JavaScript and XML)是一种用于在不重新加载整个网页的情况下更新网页内容的技术。它使用 JavaScript 和 XML(现在通常替换为 JSON)来与服务器进行异步通信。例如,以下代码使用 AJAX 获取与搜索词相关的图片:

javascriptCopy Code
$.ajax({ url: 'https://api.unsplash.com/search/photos?query=cat', headers: { Authorization: 'Client-ID [Access Key]' } }).done(function(data) { // 处理返回的数据 });

这个例子使用了 jQuery 框架来发起 AJAX 请求,并在成功时处理返回的数据。

RESTful API

REST(Representational State Transfer)是一种架构风格,用于设计 Web 应用程序。RESTful API 是一种符合 REST 原则的 API,它使用 HTTP 协议的各种方法(如 GET、POST、PUT 和 DELETE)来操作资源。例如,以下 URL 表示获取与搜索词相关的图片:

Copy Code
https://api.unsplash.com/search/photos?query=cat

这个 URL 按照 RESTful API 的原则,使用 GET 方法来获取名为 photos 的资源,并在查询字符串中指定搜索关键字为 cat

以上就是 Web 开发中常用的一些词汇和技术,希望对你有所帮助!