如何在 HTML 中新增定義術語?


定義術語在 HTML 中用<dt>標籤表示,它描述描述列表中的名稱或術語。<dt>定義術語與<dd>和<dl>標籤結合使用。

  • <dd>標籤用於描述每個名稱或術語。

  • <dl>標籤定義一個描述列表。

  • <dt>定義標籤支援全域性屬性和事件屬性。

<dt>標籤幾乎所有瀏覽器都支援。

語法

以下是定義術語的語法:

<dt> code </dt>

示例

以下是在 HTML 中新增定義術語的示例。這裡我們使用了該標籤的所有三個元素:

<!DOCTYPE html>
<html>
<body>
   <h1>Usage of dl,dd,and dt elements</h1>
   <p>
      <b>Creating a description list using elements:</b>
   </p>
   <dl>
      <dt>Breakfast</dt>
      <dd>Idly</dd>
      <dd>Coffee</dd>
      <dt>Lunch</dt>
      <dd>Rice</dd>
      <dd>Dal Curry</dd>
      <dt>Dinner</dt>
      <dd>Chapati</dd>
      <dd>Curry</dd>
   </dl>
</body>
</html>

示例

以下是另一個新增定義術語的示例。

<!DOCTYPE html>
<html>
<head>
   <title>HTML dt Tag</title>
</head>
<body>
   <dl>
      <dt>Understanding Definition List</dt>
      <dd>A list of terms and their definitions/descriptions.</dd>
      <dt>JAVA</dt>
      <dd>Tutorial on JAVA Programming Language.</dd>
      <dt>Android</dt>
      <dd>Tutorial on Android Operating System.</dd>
   </dl>
</body>
</html>

現在讓我們嘗試理解另一個術語定義元素:

定義元素

要在 HTML 中定義術語,我們使用<dfn>標籤,它用於描述單詞,並顯示單詞的第一次出現。標籤內的文字在網頁中以斜體形式顯示,表示它是一個特殊關鍵字或值。

語法

以下是 HTML 中定義術語的語法:

<dfn title=”meaning”> Code </dfn>

示例

以下示例演示了定義元素的用法:

<!DOCTYPE html>
<html>
<head>
   <title>Usage of Define terms in HTML</title>
</head>
<body>
   <h2>TutorialsPoint HTML</h2>
   <h3>A Description List <dfn title="Having a Description of Each Element"> is a List of Terms. </dfn></h3>
</body>
</html>

還有一個元素描述術語,即縮寫元素。

縮寫元素

此元素用於描述術語;文字下方會出現點線,使文字顯示出特殊外觀。它透過使用<abbr>標籤定義。

語法

以下是縮寫元素的用法:

<dfn> code </dfn>   
<abbr title="description"> Content </abbr>

示例

以下示例演示了縮寫元素的用法:

<!DOCTYPE html>
<html>
<head>
   <title>Defining Terms in HTML</title>
</head>
<body>
   <h2>Welcome TO <dfn> TutorialsPoint <abbr title="Simply Easy Learning at your fingertips"> Technical Website.</abbr> </dfn></h2>
</body>
</html>

更新於:2023年10月6日

327 次檢視

啟動您的職業生涯

完成課程後獲得認證

開始學習
廣告
© . All rights reserved.