HTML記述リスト-htmlチュートリアル-php.cn

この記事では、説明リストまたは定義リストと、それが HTML ドキュメントでどのように役立つかについて説明します。では、説明リストを定義するにはどうすればよいでしょうか?簡単に言うと、定義のリスト（たとえば、インターネット/Web ページ上の情報を提示するための用語集）と言えます。ただし、説明リストの使用頻度はそれほど高くありませんが、何らかの目的があります。一方、この定義リストは Web ページに付加価値を与えます。たとえば、Web ページ上にあるテキストはコンテキストを説明しており、言い換えれば、コンテキストを意味的にマークアップするのに役立ちます。こうすることで、構造化された情報を簡単に抽出することができます。定義リストは、用語、値、および別の用語集を説明するのに最適な用語です。

構文:

  …… 
  ………..  
        
         ログイン後にコピー

説明リストには 3 つの要素があります。

定義リスト
– 多くの番号を説明するために使用されます。リストされた情報内の用語をまとめて外側のタグを形成します。通常の文書と同じように伝えたり、用語集としてよく使用されます。
定義用語
– この要素は現在定義リストで使用されており、インラインデータまたは dl 要素の値を持ちます。
定義の説明
- この要素は、この要素の下のデータがブロックレベルまたはインラインで取得されることを定義します。

HTML 記述リストのタグ

説明リストはリストのタイプの 1 つです。これらは、順序付けされた箇条書きリストの一般的な形式とみなされます。唯一の違いは、箇条書きアイコンがないことです。

注:定義リストは、

のシーケンスで構成されます。組み合わせ/1 対多の関係の組み合わせ。これらの説明タグは HTML4 でサポートされており、HTML5 ではより多くの名前と値のペアとして新しい用語で拡張されています。質問と回答の間に関連付けリンクが作成されます。

タイプ 1: 単一の定義用語と定義を一緒に使用する

例 1

    Web Designing company in Chennai
 This service Enhance Website Exposure with professional User Interface

ログイン後にコピー

出力:

例 2

Page Title

HTML Demo 2

This is Networking Protocol Abbreviation.

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 言語コードを 2 文字の値として出力します。

例 2

A Description HTML list

formas

Shapes

Formes

A Shape determines the different structure of the objects.

ログイン後にコピー

出力:

タイプ 3: 複数の説明を記述する単一の用語

例

DEFINITION LIST

DEFINITION LIST DEMO

Compact:

A Compact may refer to make-up case.

When taken as adjective it refers to smaller part. Example, need a compact sofa to sit.

ログイン後にコピー

出力:

タイプ 4: 複数の用語と複数の説明

例

Definition List example

Definition List Demo4

Engaged

Leaves

Students got engaged during their Lab hours in the college.

Childrens feels when their father leaves for the work.

ログイン後にコピー

出力:

タイプ 5: スタイル属性を使用した定義リスト

ここでは、説明用語を強調するために、色に style 属性が示されています。

例 1

HTML Definition Lists

list of Popular International Entrance Examination

TOEFL

-: Test of English As Foreign Language . This Score is Accepted in the country like Canada,UK,USA

GRE

-: 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

ログイン後にコピー

出力:

の使用
タグを使用すると、近くのテキストが用語の定義として割り当てられていることがわかります。
例 2

Demo

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

ログイン後にコピー

出力:

タイプ 6: 説明リストの背景色を配置する

以下の例は、属性「bgcolor」を使用して背景色付きのコンテンツを示しています。

例

DEFINITION LIST

DEFINITION LIST DEMO

PYTHON:

Python is a progranning Language originally developed by Guido van. Its an Open Source and Cross-Platform. Applications include Web development, Data Machine Learning

ログイン後にコピー