應用程式設計/網際網路資料

概述

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.club.tw/en-US/docs/Web/HTML

[2] HTML

[3] ttps://w3schools.tw/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]