جداول HTML بسیار آسان است تا وقتی که اصول اساسی ردیف ها و ستون ها را درک می کنید، ایجاد می شود، و همچنین زمانی که شما متوجه شوید که برای استفاده از یک جدول خوب است و زمانی که باید از آنها اجتناب کنید.
تاریخچه مختصری از جداول و طراحی وب
چند سال پیش، قبل از پذیرش استاندارد CSS و وب، طراحان وب از المان HTML
برای ایجاد طرح بندی صفحه برای سایت استفاده کردند. طراحی وب سایت می تواند به قطعات کوچک مانند یک پازل "قطعه ای" داده شود و سپس با یک جدول HTML ترکیب شده و در مرورگر قرار می گیرد. این یک فرایند بسیار پیچیده بود که بسیاری از نشانه های اضافی HTML را ایجاد کرد و هرگز امروز در دنیای چند صفحه ای وب سایت های ما در آن زندگی نمی کنند . همانطور که CSS به روش های پذیرفته شده برای تصاویر و طرح بندی صفحات وب تبدیل شد، استفاده از جداول برای این کار خدشه دار شد و بسیاری از طراحان وب به اشتباه اعتقاد داشتند که "جدول ها بد نیستند." این بود و نادرست است. جداول برای طرح بد هستند، اما آنها هنوز هم در طراحی وب و HTML جای دارند، یعنی برای نمایش داده های جدولی مانند تقویم برنامه قطار. برای این محتوا، استفاده از یک جدول هنوز یک رویکرد قابل قبول و خوب است.
پس چگونه می توان یک میز را طراحی کرد؟ شروع کنیم با ایجاد یک جدول ساده 2x2. این 2 ستون (این بلوک های عمودی) و 2 ردیف (بلوک افقی) است. پس از ساخت یک جدول 2x2، می توانید هر جدول اندازه ای را که می خواهید به سادگی با اضافه کردن سطر یا ستون اضافی ایجاد کنید، بسازید.
دشواری: متوسط
زمان مورد نیاز: 10 دقیقه
اینجا چطور است:
- ابتدا جدول
باز کنید - ردیف اول را با tr برچسب
باز کنید - اولین ستون را با تگ
باز کنید - محتویات سلول را بنویسید
- اولین سلول را ببندید و دومین
باز کنید - مطالب سلول دوم را بنویسید
- بستن سلول دوم و بستن ردیف
- به عنوان اولین
| | ردیف دوم را بنویسید. - سپس جدول را ببندید
شما همچنین می توانید با استفاده از عنصر | برای اضافه کردن عنوان های جدول به جدول خود را انتخاب کنید. این سرصفحه های جدول جایگزین یا "داده جدول" در ردیف اول جدول مانند این خواهد شد:
| نام | نقش | | جرمی | طراح td> جنیفر | توسعهدهنده | هنگامی که این صفحه در مرورگر رندر می شود، اولین ردیف با هدر های جدول، به طور پیش فرض، نمایش داده می شود و در سلول جدول که در آنها ظاهر می شود، متمرکز می شود.
بنابراین، آیا استفاده از جداول در HTML خوب است؟ بله - تا زمانی که از آنها برای اهداف طرح استفاده نکنید. اگر شما نیاز به نمایش اطلاعات جدولی دارید، یک جدول برای انجام این کار است. در حقیقت، اجتناب از یک جدول به دلیل برخی از خلوص اشتباه برای خاموش کردن این عنصر HTML legitmate به عنوان عقب است به عنوان استفاده از آنها به دلایل طرح در این روز و سن.
نوشته شده توسط جنیفر کرین. ویرایش شده توسط Jeremy Girard در تاریخ 8/11/16
| | |