دلیل استفاده از تگ 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 استفاده میکنیم؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگهای محبوب
خروجی کد اول با دومتون شباهتی با هم ندارند. داخل مرور گر باز کنید و inspect بگیرید تا ببینید در حالت دوم چه بلایی سرش میاد!
بصورت کلی برای اینکه به اون قابلیت های table مثل ستون بندی منظم اطلاعات و تنظیم اتومات width هر سلول و ... دست پیدا کنید باید به مرورگر بفهمونید که این داده ها رو در قالب جدول نشون بده.
مرورگر هم میگرده دنبال یکسری tag های خاص و از پیش تعریف شده که شامل table و tr و th و td میشه.
حالا بخشی از این تگ ها ضروری هستند و بدون اون اصلا اون جدول شکل نمیگیره و بصورت متن ساده نمایش داده میشه.
اما بعضی دیگه از تگ ها هستند که مستحبی محسوب می‌شوند. مثل tbody و thead و ...
که داستان این قضیه جداست و بصورت کلی بر میگرده به best practice و symantic نوشتن کدها که باعث اصولی بودن کدهاتون و بهنیه تر بودن برای SEO و کلی داستان های دیگه میشه. ولی ننوشتنشون اختلال جدی و مهمی ممکنه در کارتون ایجاد نکنه.
درود...
تگ table یک جدول در سند HTML تعریف می کند.
جدول HTML تشکیل شده از تگ table و یک یا چند تگ tr ، th و td می باشد.
یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).
خروجی کد اول با دومتون شباهتی با هم ندارند. داخل مرور گر باز کنید و inspect بگیرید تا ببینید در حالت دوم چه بلایی سرش میاد!
بصورت کلی برای اینکه به اون قابلیت های table مثل ستون بندی منظم اطلاعات و تنظیم اتومات width هر سلول و ... دست پیدا کنید باید به مرورگر بفهمونید که این داده ها رو در قالب جدول نشون بده.
مرورگر هم میگرده دنبال یکسری tag های خاص و از پیش تعریف شده که شامل table و tr و th و td میشه.
حالا بخشی از این تگ ها ضروری هستند و بدون اون اصلا اون جدول شکل نمیگیره و بصورت متن ساده نمایش داده میشه.
اما بعضی دیگه از تگ ها هستند که مستحبی محسوب می‌شوند. مثل tbody و thead و ...
که داستان این قضیه جداست و بصورت کلی بر میگرده به best practice و symantic نوشتن کدها که باعث اصولی بودن کدهاتون و بهنیه تر بودن برای SEO و کلی داستان های دیگه میشه. ولی ننوشتنشون اختلال جدی و مهمی ممکنه در کارتون ایجاد نکنه.