如何在 HTML 中添加定义术语?
htmljavascriptprogramming scripts
定义术语在 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>