HTML、XML 和 DHTML 之間的區別

HTML、XML 和 DHTML 都是 Web 技術。HTML 或超文字標記語言是一種主要的標記語言，用於設計網頁。XML 或可擴充套件標記語言是一種標記語言，專注於既可供人類閱讀也可供機器閱讀的資料描述。DHTML 或動態超文字標記語言將 HTML、CSS 和 JavaScript 結合起來，用於建立響應式網頁。

這三種技術對於設計使用者參與度高且視覺效果吸引人的網頁至關重要。在本文中，我們將結合適當的示例逐一討論每種技術。

HTML

HTML 代表超文字標記語言。它是一種標準的標記語言，提供一系列可用於設計和構建網頁的元素。這些元素告訴瀏覽器如何顯示內容。HTML 元素標記 HTML 文件中的內容，例如 <head>、<body>、<h1>、<p> 等。

示例

以下是一個簡單的 HTML 文件，其中我們使用了以下 HTML 元素：

  • <html> − 它是 HTML 文件的根元素。

  • <head> − 此元素包含 HTML 文件的元資料。

  • <title> − 它指定 HTML 文件的標題，將在瀏覽器的標題欄中顯示。

  • <body> − 此元素充當網頁上可見內容的容器，例如標題、段落、影像、表格、連結等。

  • <h1> − 它定義一個大標題。

  • <hr> − 它表示水平線。

  • <p> − 它定義一個段落。

示例

<html>
<head>
   <title>My first webpage</title>
</head>
<body>
   <h1>Tutorialspoint</h1>
   <hr>
   <p>Simply Easy Learning at your fingertips...</p>
</body>
</html>

XML

XML 代表可擴充套件標記語言。它也是一種專為 Web 文件設計的標記語言。它定義了一組規則，用於以既可供人類閱讀也可供機器閱讀的格式編碼文件。它允許開發人員建立自定義標籤。XML 還支援應用程式之間的資料定義、傳輸、驗證和解釋。

示例

以下是 XML 的基本示例，其中我們使用了 <note>、<to>、<from>、<heading> 和 <body> 等標籤。

<?xml version="1.0" encoding="UTF-8"?>
<note>
   <to>Arjun</to>
   <from>Tutorialspoint</from>
   <heading>Joining Letter</heading>
<body>Please remember to attend the office for a crucial presentation on July 1st, 2023.</body>
</note>

DHTML

DHTML 代表動態超文字標記語言。它結合了 HTML、CSS 和 JavaScript 來建立互動式和動態網頁。它允許根據使用者輸入自定義和更改內容。

示例

在以下 DHTML 示例中，建立了一個網頁，其中包含一個按鈕，該按鈕會觸發一個 JavaScript 函式，以便在單擊時動態更改具有 id "myText" 的段落元素的內容。

<!DOCTYPE html>
<html>
<head>
   <title>DHTML Example</title>
   <script>
      function changeText() {
         document.getElementById('demo').innerHTML = 'Simply Easy Learning at your fingertips.';
      }
   </script>
</head>
<body>
   <h1>Tutorialspoint</h1>
   <p id="demo">This text will change dynamically if you click the below button.</p>
   <button onclick="changeText()">Click Me</button>
</body>
</html>


更新於： 2023年8月4日

1K+ 閱讀量

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告