یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
آراد
3 سال پیش توسط آراد مطرح شد
3 پاسخ

دلیل استفاده از تگ 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 استفاده میکنیم؟


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
7

خروجی کد اول با دومتون شباهتی با هم ندارند. داخل مرور گر باز کنید و inspect بگیرید تا ببینید در حالت دوم چه بلایی سرش میاد!

بصورت کلی برای اینکه به اون قابلیت های table مثل ستون بندی منظم اطلاعات و تنظیم اتومات width هر سلول و ... دست پیدا کنید باید به مرورگر بفهمونید که این داده ها رو در قالب جدول نشون بده.
مرورگر هم می‌گرده دنبال یکسری tag های خاص و از پیش تعریف شده که شامل table و tr و th و td میشه.

حالا بخشی از این تگ ها ضروری هستند و بدون اون اصلا اون جدول شکل نمیگیره و بصورت متن ساده نمایش داده میشه.
اما بعضی دیگه از تگ ها هستند که مستحبی محسوب می‌شوند. مثل tbody و thead و ...

که داستان این قضیه جداست و بصورت کلی بر میگرده به best practice و symantic نوشتن کدها که باعث اصولی بودن کدهاتون و بهنیه تر بودن برای SEO و کلی داستان های دیگه میشه. ولی ننوشتنشون اختلال جدی و مهمی ممکنه در کارتون ایجاد نکنه.


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 3 سال پیش مطرح شد
0

درود...

تگ table یک جدول در سند HTML تعریف می کند.

جدول HTML تشکیل شده از تگ table و یک یا چند تگ tr ، th و td می باشد.

یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).


آراد
تخصص : دانشجو
@aradolfati 3 سال پیش مطرح شد
0

ممنون دوست عزیز اینها رو میدونم ولی سوال من یه چیز دیگه ایه!


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
7

خروجی کد اول با دومتون شباهتی با هم ندارند. داخل مرور گر باز کنید و inspect بگیرید تا ببینید در حالت دوم چه بلایی سرش میاد!

بصورت کلی برای اینکه به اون قابلیت های table مثل ستون بندی منظم اطلاعات و تنظیم اتومات width هر سلول و ... دست پیدا کنید باید به مرورگر بفهمونید که این داده ها رو در قالب جدول نشون بده.
مرورگر هم می‌گرده دنبال یکسری tag های خاص و از پیش تعریف شده که شامل table و tr و th و td میشه.

حالا بخشی از این تگ ها ضروری هستند و بدون اون اصلا اون جدول شکل نمیگیره و بصورت متن ساده نمایش داده میشه.
اما بعضی دیگه از تگ ها هستند که مستحبی محسوب می‌شوند. مثل tbody و thead و ...

که داستان این قضیه جداست و بصورت کلی بر میگرده به best practice و symantic نوشتن کدها که باعث اصولی بودن کدهاتون و بهنیه تر بودن برای SEO و کلی داستان های دیگه میشه. ولی ننوشتنشون اختلال جدی و مهمی ممکنه در کارتون ایجاد نکنه.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام