如何在 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>
广告
数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP