لیست های توضیحات

   لیست های توضیحات

یکی دیگر از کاربردهای رایج فهرست ها، ارائه توضیحاتی برای اصطلاحات، مانند واژه نامه است. استاندارد HTML5 از لیست های توضیحات برای ارائه یک راه آسان برای انجام این کار استفاده می کند.

لیست های توضیحات از عنصر dl برای تعریف لیست استفاده می کنند اما از عنصر کمی متفاوت استفاده می کنند.

روش تعریف اقلام در لیست از لیست های نامرتب و مرتب.

لیست توضیحات موارد را به شرایط و توضیحات تقسیم می کند. شما یک اصطلاح را تعریف کنید.

با استفاده از dt عنصر دو طرفه و توضیحات مرتبط با استفاده از dd twosided عنصر از آنجا که تطبیق عبارت صحیح با توصیف صحیح مهم است، مراقب باشید.

 بین این دو در تعریف لیست:

<dl>

<dt>Baseball</dt>

<dd>A game played with bats and balls</dd>

<dt>Basketball</dt>

<dd>A game played with balls and baskets</dd>

<dt>Football</dt>

<dd>A game played with balls and goals</dd>

</dl>

مرورگر به طور خودکار اصطلاحات را از توضیحات نمایشگر جدا می کند، تشخیص اینکه کدام کدام است آسان تر می شود.

جداول ساختمان

نه، چکش و اره خود را بیرون نیاورید. من در مورد جداول داده صحبت می کنم جهان پر از داده است و استفاده بسیار رایج از صفحات وب ارائه آن داده است به جهان این بخش ویژگی های جدول داده های ساخته شده در HTML5 را شرح می دهد

شما می توانید برای ارائه آسان داده های خود استفاده کنید. روند کلی برای ایجاد یک جدول شامل سه مرحله است:

1. عنصر جدول را تعریف کنید.

2. ردیف ها و ستون های جدول را تعریف کنید.

3. سرفصل های جدول را تعریف کنید.

این بخش هر یک از این مراحل را طی می کند تا نحوه ایجاد جداول برای داده های خود را به شما نشان دهد.

تعریف جدول

برای افزودن جدول به صفحه وب خود، با عنصر جدول HTML5 شروع می کنید.

عنصر جدول یک عنصر دو طرفه است، بنابراین با تگ <table> باز می شود و با تگ </table> بسته می شود:

<table>

</table>

این جدول را ایجاد می کند، اما خیلی هیجان انگیز نیست زیرا هنوز چیزی در آن وجود ندارد. مرحله بعدی تعریف سلول ها برای داده ها است. نسخه های قبلی HTML ویژگی هایی را به تگ <table> برای تعریف جدول اضافه کردند.

ظاهر، مانند نوع حاشیه، فاصله سلولی و عرض.

HTML5 تمام این ویژگی ها را حذف کرده است، بنابراین در صورت امکان از استفاده از آنها خودداری کنید. اکنون باید آنها را تعریف کنید ویژگی هایی که به جای آن از سبک های CSS استفاده می کنند.

تعریف سطرها و ستون های جدول

اگر با نرم افزارهای صفحه گسترده استاندارد مانند Microsoft Excel یا Apple Numbers آشنایی دارید، شما به تعریف جداول با استفاده از سلول هایی که با حروف ارجاع داده شده اند عادت دارید (برای ستون ها) و اعداد (برای ستون ها). متأسفانه HTML5 از a استفاده می کند روش های مختلف برای تعریف سلول های جدول برای ساخت سلول ها در یک جدول باید دو عنصر جداگانه تعریف کنید:

»»یک ردیف در جدول: از عنصر tr برای تعریف سطر داخل جدول استفاده می کنید.

عنصر tr یک عنصر دو طرفه است، بنابراین از تگ <tr> برای باز کردن یک ردیف استفاده می کنید و تگ </tr> برای بستن سطر.

»»سلول داخل سطر: در داخل سطر از عنصر td برای تعریف استفاده می کنید.

سلول های منفرد مجدداً، عنصر td دو طرفه است، بنابراین از تگ <td> استفاده می کنید.