应用编程/互联网数据

概述

HTML

什么是它？^[1]

HTML（超文本标记语言）是 Web 的最基本构建块。它定义了 web 内容的含义和结构。除了 HTML 之外，其他技术通常用于描述网页的外观/呈现（CSS）或功能/行为（JavaScript）。“超文本”指的是将网页彼此连接的链接，无论是在单个网站内还是在网站之间。链接是 Web 的一个基本方面。通过将内容上传到互联网并将其链接到其他人创建的页面，您将成为万维网的积极参与者。HTML 使用“标记”来注释文本、图像和其他内容，以便在 Web 浏览器中显示。HTML 标记包括特殊的“元素”，例如 <head>、<title>、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等等。HTML 元素通过“标签”与文档中的其他文本隔开，标签由括在“<”和“>”之间的元素名称组成。标签内的元素名称不区分大小写。也就是说，它可以写成大写、小写或混合写法。例如，<title> 标签可以写成 <Title>、<TITLE> 或其他任何方式。

HTML 标记^[2]

例子

 <!DOCTYPE html>
 <html>
   <head>
     <title>This is a title</title>
   </head>
   <body>
     <div>
         <p>Hello world!</p>
     </div>
   </body>
 </html>

解释：^[3]

The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <div> element is used to group content and can be later styled by CSS
The <p> element defines a paragraph

XML

JSON

JSON (JavaScript 对象表示法，发音为 /ˈdʒeɪsən/；也发音为 /ˈdʒeɪˌsɒn/) 是一种开放标准的文件格式和数据交换格式，它使用人类可读的文本存储和传输由属性-值对和数组数据类型（或任何其他可序列化值）组成的数据对象。它是一种非常常见的数据格式，具有多种应用，例如在 AJAX 系统中用作 XML 的替代品。^[4]

JSON 是一种与语言无关的数据格式。它源于 JavaScript，但许多现代编程语言都包含用于生成和解析 JSON 格式数据的代码。JSON 的官方互联网媒体类型是 application/json。JSON 文件名使用扩展名 .json。^[5]

JSON 诞生于对无状态、实时服务器到浏览器通信协议的需求，而无需使用 Flash 或 Java Applet 等浏览器插件，这些方法在 2000 年代初期是主流方法。^[5] JSON 与 JavaScript 非常相似，甚至源于这种编程语言。但这并不意味着 JSON 专用于 JavaScript 语言，许多语言都有可导入的库来处理和解析 JSON 文件。

以下示例显示了描述一个人的 JSON 表示的可能性。^[5]

 {
   "firstName": "John",
   "lastName": "Smith",
   "isAlive": true,
   "age": 27,
   "address": {
     "streetAddress": "21 2nd Street",
     "city": "New York",
     "state": "NY",
     "postalCode": "10021-3100"
   },
   "phoneNumbers": [
     {
       "type": "home",
       "number": "212 555-1234"
     },
     {
       "type": "office",
       "number": "646 555-4567"
     }
   ],
   "children": [],
   "spouse": null
 }

活动

参见 http://open-notify.org/Open-Notify-API/ISS-Location-Now/ 和 https://developers.google.com/maps/documentation/timezone/overview - 创建一个程序，显示国际空间站的当前坐标。使用这些坐标，显示该位置的当前时间。
参见 https://freegeoip.app/ 和 http://www.7timer.info/doc.php?lang=en#getting_forecast。创建一个程序，检索用户的当前位置并在该位置显示预报。
参见 https://agify.io/、https://nationalize.io/。创建一个程序，允许用户输入他们的姓名并显示他们预测的年龄和国籍。也显示每个概率。

关键词

应用程序编程接口 (API) - 允许两个应用程序相互通信以访问数据。您在手机上执行的每个操作，例如发送直接消息或查看棒球比赛的分数，都会使用 API 来访问和提供该信息。^[6]

属性 - 定义对象、元素或文件的属性的规范。它还可以引用或设置给定实例的特定值。^[7]

浏览器 - 从 Web 服务器或本地存储接收 HTML 文档，并将文档呈现为多媒体网页。^[8]

文档类型声明 (DTD) - 通知 Web 浏览器有关用于构建 Web 文档的 HTML 类型和版本的详细信息。^[9]

元素 - 元素是一个逻辑文档组件，它要么以开始标签开头，以匹配的结束标签结尾，要么仅包含一个空元素标签。如果存在，开始标签和结束标签之间的字符是元素的内容，可能包含标记，包括其他元素，这些元素被称为子元素。^[10]

HTML - 超文本标记语言，或 HTML（超文本标记语言）是为设计在 Web 浏览器中显示的文档而设计的标准标记语言。^[8]

JSON - 是一种开放标准的文件格式和数据交换格式，它使用人类可读的文本存储和传输由属性-值对和数组数据类型（或任何其他可序列化值）组成的数据对象。^[11]

标记语言 - 一种计算机语言，由易于理解的关键字、名称或标签组成，这些标签有助于格式化页面的整体视图及其包含的数据。标记语言的一些例子是 BBC、HTML、SGML 和 XML。^[12]

MIME - 允许用户在电子邮件消息中发送非基于 ASCII 的文本附件和非文本文件（例如压缩文件、声音文件、图形文件、文档文件或视频文件）。^[13]

节点 - 一种结构，它可能包含一个值或一个条件，或者代表一个完全独立的数据结构。^[14]

查询字符串 - 均匀资源定位器 (URL) 的一部分，它为指定参数分配值。查询字符串通常包含由 Web 浏览器或其他客户端应用程序添加到基本 URL 的字段，例如作为 HTML 表单的一部分。^[15]

REST - (表述性状态转移) 旨在利用现有的协议。虽然 REST 几乎可以在任何协议上使用，但它通常在用于 Web API 时利用 HTTP。^[16]

序列化 - 将数据结构或对象状态转换为可以存储（例如，在文件或内存数据缓冲区中）或传输（例如，跨计算机网络）并在以后（可能在不同的计算机环境中）重建的格式的过程。^[17]

标签 - 以 < 开头，以 > 结尾的标记结构。^[10]

树 - 一种层次化的数据结构，由节点组成，在最高或最顶层有一个称为根的单个元素。HTML 和 XML 文档最好用树来表示。^[14]

XML - 可扩展标记语言，一种语言，它概括了文档的标记，因此用户可以定义自己的语义。^[8]

参考资料

[1] ttps://mdn.org.cn/en-US/docs/Web/HTML

[2] HTML

[3] ttps://w3schools.org.cn/html/html_intro.asp

[4] ttp://www.javascript-coder.com/tutorials/re-introduction-to-ajax.phtml

[:3-5] ttps://en.wikipedia.org/wiki/JSON

[6] ttps://learn.g2.com/api

[7] ttps://en.wikipedia.org/wiki/Attribute_(computing)

[:0-8] ttps://en.wikipedia.org/wiki/HTML

[9] ttps://www.bitdegree.org/learn/doctype-html

[:1-10] ttps://en.wikipedia.org/wiki/XML

[11] ttps://en.wikipedia.org/wiki/JSON

[12] ttps://www.computerhope.com/jargon/m/markup-language.htm

[13] ttps://www.computerhope.com/jargon/m/mime.htm

[:2-14] ttps://en.wikipedia.org/wiki/Tree_(data_structure)

[15] ttps://en.wikipedia.org/wiki/Query_string

[16] ttps://www.mulesoft.com/resources/api/what-is-rest-api-design

[17] ttps://en.wikipedia.org/wiki/Serialization

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]