دلیل استفاده از تگ table
سلام دوستان عزیز
من سوالم این هستش که چرا ما از تگ table استفاده میکنیم؟
در واقع تفاوت این دو کد با هم چیه؟
<html>
<head>
</head>
<body>
<table>
<tr>
<td>HTML</td>
<td>CSS</td>
<td>JS</td>
</tr>
<tr>
<td>HTML</td>
<td>CSS</td>
<td>JS</td>
</tr>
</table>
</body>
</html>خب اینجا ما یک جدول ساده درست کردیم
ولی !
همین کد رو میشه اینجوری هم بدون تگ table نوشت
<html>
<head>
</head>
<body>
<td>HTML</td>
<td>CSS</td>
<td>JS</td>
<br>
<td>HTML</td>
<td>CSS</td>
<td>JS</td>
</body>
</html>پس چرا ما از تگ table استفاده میکنیم؟
پاسخها
3
خروجی کد اول با دومتون شباهتی با هم ندارند. داخل مرور گر باز کنید و inspect بگیرید تا ببینید در حالت دوم چه بلایی سرش میاد!
بصورت کلی برای اینکه به اون قابلیت های table مثل ستون بندی منظم اطلاعات و تنظیم اتومات width هر سلول و ... دست پیدا کنید باید به مرورگر بفهمونید که این داده ها رو در قالب جدول نشون بده.
مرورگر هم میگرده دنبال یکسری tag های خاص و از پیش تعریف شده که شامل table و tr و th و td میشه.
حالا بخشی از این تگ ها ضروری هستند و بدون اون اصلا اون جدول شکل نمیگیره و بصورت متن ساده نمایش داده میشه.
اما بعضی دیگه از تگ ها هستند که مستحبی محسوب میشوند. مثل tbody و thead و ...
که داستان این قضیه جداست و بصورت کلی بر میگرده به best practice و symantic نوشتن کدها که باعث اصولی بودن کدهاتون و بهنیه تر بودن برای SEO و کلی داستان های دیگه میشه. ولی ننوشتنشون اختلال جدی و مهمی ممکنه در کارتون ایجاد نکنه.
درود...
تگ table یک جدول در سند HTML تعریف می کند.
جدول HTML تشکیل شده از تگ table و یک یا چند تگ tr ، th و td می باشد.
یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).
ممنون دوست عزیز اینها رو میدونم ولی سوال من یه چیز دیگه ایه!
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد