本文介紹了描述清單或定義清單以及它在 HTML 文件中的用途。那麼如何定義描述清單呢?簡而言之,我們可以說它是定義清單(例如,在互聯網/網頁上呈現資訊的術語表)。然而,描述清單的使用較少,但有一定的用途。同時,這個定義清單為網頁帶來了附加價值;例如,網頁上給出的文字解釋了上下文,換句話說,幫助透過語義標記上下文。透過這樣做,我們可以輕鬆地提取結構化資訊。定義清單是描述術語、值和另一個術語表的完美術語。
文法:
- ……
- ………..
描述清單中有三個元素,分別是
- 、
- 、
- 。
-
定義清單
- 定義術語 – 該元素目前已在定義清單下使用,並且具有內聯資料或 dl 元素的值。
- 定義描述 - 此元素定義該元素下的資料是區塊級的還是內聯的。
HTML 描述清單標籤
描述清單是清單類型之一;它們被認為是有序項目符號清單的通用形式。唯一的區別是沒有項目符號圖示。
注意:任何定義列表都包含 -
定義清單
- 的序列。組合/一對多關係的組合。這些描述標籤在 HTML4 中受到支持,並透過 HTML5 中的新術語作為更多名稱/值對進行了增強。它在問題和答案之間建立了關聯連結。
類型 1:單一定義術語與共同定義
範例#1
- Web Designing company in Chennai
- This service Enhance Website Exposure with professional User Interface
輸出:
範例 #2
<title>Page Title</title> <style> body { background-color: pink; text-align: center; color: blue; font-family: Arial, italic; } </style> <h1 id="HTML-Demo">HTML Demo 2</h1> <p>This is Networking Protocol Abbreviation.</p>
- FTP
- File Transfer Protocol
- TCP/IP
- Transmission Control Protocol/IP address
- SNMP
- Simple Network Management Protocol
輸出:
類型 2:單一描述和多個術語
範例#1
- Ebay
- Etsy
- Walmart
- The Top 10 internet shopping websites in the year 2019
輸出:
接下來,我們將在
- 中使用「lang」屬性。其中術語使用不同的語言。這些屬性將 ISO 語言代碼作為其兩個字母的值。
- formas
- Shapes
- Formes
- A Shape determines the different structure of the objects.
- Engaged
- Leaves
- Students got engaged during their Lab hours in the college.
- Childrens feels when their father leaves for the work.
- Definition list
- Apple fruit
- This fruit is quoted as "miracle food" where this gives best nutrients to the body. They are rich in antioxidents
- A small fragment of apple intakes daily cures cancer,heart disease etc.
- Different varieties includes Braeburn,Cameo,Fuji,Gala
範例#2
<h2 id="A-Description-HTML-list">A Description HTML list</h2>
輸出:
類型 3:描述多個描述的單一術語
範例
<title>DEFINITION LIST</title> <h1 id="u-DEFINITION-LIST-DEMO-u"><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="es"><u>Compact:</u></dt> <dd>A Compact may refer to make-up case. </dd> <dd>When taken as adjective it refers to smaller part. Example, need a compact sofa to sit.</dd> </dl> <h3> </h3> </h3>
輸出:
類型 4:多個術語和多個描述
範例
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.1"> <title>Definition List example</title> <h1 id="Definition-List-Demo">Definition List Demo4</h1>
輸出:
類型 5:使用樣式屬性的定義清單
此處為顏色指定樣式屬性,以反白描述描述術語。
範例#1
HTML Definition Lists <h2> list of Popular International Entrance Examination <h2> <dl> <dt style="color:Blue"> TOEFL </dt> <dd> -: Test of English As Foreign Language . This Score is Accepted in the country like Canada,UK,USA</dd> <br> <dt style="color:Magenta"> GRE </dt> <dd> -: The Graduate Record Examination. This Test is allowed to enter in the States like Canada and US foran indian Students in the Science and Technology Fields </dd> </dl> </h2> </h2>
輸出:
使用 標籤,據了解,附近的文字被指定為該術語的定義。
範例 #2
<title> Demo</title>
輸出:
類型 6:為描述清單放置背景顏色
下面的範例透過使用屬性「bgcolor」顯示帶有背景顏色的內容。
範例
<title>DEFINITION LIST</title> <h1 id="u-DEFINITION-LIST-DEMO-u"><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="en-GB"><u>PYTHON:</u></dt> <dd>Python is a progranning Language originally developed by Guido van. Its an Open Source and Cross-Platform. Applications include Web development, Data Machine Learning </dd> </dl> <h3> </h3> </h3>
輸出:
結論 – HTML 描述清單
我們希望這篇關於定義列表的文章或可以說是術語表列表已經指導了演示定義列表的一些可用用途。我們已經對如何使用這些技術在資訊片段之間進行有用的合作有了基本的了解。例如,Google詞彙表給出瞭如何標記有意義的資訊並以多種方式在網頁上使用。它們具有未來的功能,一些網站使用語義來呈現其資料的美感,並如此簡單和靈活地重複使用給定的資訊。
以上是HTML 說明列表的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

記事本++7.3.1
好用且免費的程式碼編輯器

Atom編輯器mac版下載
最受歡迎的的開源編輯器

WebStorm Mac版
好用的JavaScript開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境