چرا باید جداول را برای پوسته های صفحه وب اجتناب کنید

CSS بهترین راه برای ساخت صفحات وب است

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

جداول قابل دسترسی نیستند

درست مانند موتورهای جستجو، اکثر خوانندگان صفحه خواندن صفحات وب را به ترتیب در HTML نشان می دهند. و جداول را می توان برای خوانندگان روی صفحه برای تجزیه و تحلیل بسیار سخت است. این به این دلیل است که محتوا در طرح جدول، در حالی که خطی، همیشه وقتی که از چپ به راست و بالا به پایین در نظر گرفته میشود، معنی ندارد. علاوه بر این، با جداول توپی و جداول مختلف روی سلولهای جدول می تواند صفحه را بسیار دشوار کند.

دلیل این است که مشخصات HTML5 در برابر جداول برای طرح توصیه می شود و چرا HTML 4.01 آن را غیرفعال می کند. صفحات وب قابل دسترسی به افراد بیشتری اجازه می دهد تا از آنها استفاده کنند و علامت یک طراح حرفه ای هستند.

با استفاده از CSS، می توانید بخش را به عنوان متعلق به سمت چپ صفحه تعیین کنید، اما آن را در HTML قرار دهید. سپس خوانندگان صفحه و موتورهای جستجو به طور یکسان قطعات مهم (محتویات) را اول و جزئی ترین اجزای مهم (ناوبری) آخرین را بخوانند.

جداول دشوار است

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

ساختن جدول ممکن است به راحتی در حالی که شما آن را انجام می دهد، اما پس از آن شما باید آن را حفظ کنید. شش ماه به پایین خط ممکن است به خاطر داشته باشید که چرا شما جداول یا چند سلول در یک ردیف و غیره قرار داده اید، آسان نیست. به علاوه، اگر شما صفحات وب را به عنوان یک عضو تیم نگهداری کنید، باید هر شخص را به نحوی توضیح دهید که چگونه جدول ها کار می کنند یا انتظار می رود زمان بیشتری را برای انجام تغییرات ایجاد کنند.

CSS نیز می تواند پیچیده باشد، اما این نمایش را از HTML جدا می کند و باعث می شود تا در دراز مدت حفظ شود. به علاوه، با طرح بندی CSS شما می توانید یک فایل CSS را بنویسید، و تمام صفحات خود را به نحوی نگاه کنید. و هنگامی که می خواهید طرح سایت خود را تغییر دهید، به سادگی یک فایل CSS را تغییر دهید، و کل سایت chnges - بیشتر از هر صفحه ای در یک زمان برای به روز رسانی جداول برای به روز رسانی طرح استفاده می شود.

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

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

ایجاد پوسته های انعطاف پذیر که در بسیاری از مانیتورها، مرورگرها و قطعنامه ها خوب عمل می کند نسبتا آسان است. در حقیقت، با نمایش داده های CSS رسانه، شما می توانید طرح های جداگانه ای را برای صفحات اندازه های مختلف ایجاد کنید.

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

شایع ترین روش ایجاد پوسته های فانتزی با جداول، "جدا کردن" جداول است. این به این معنی است که یک جدول (یا بیشتر) در داخل دیگری قرار دارد. جداول بیشتری که در آن توزیع شده اند، طول می کشد تا مرورگر وب برای رندر صفحه.

در بیشتر موارد، یک طرح جدول از کاراکترهای بیشتری برای ایجاد یک طراحی CSS استفاده می کند. و کاراکترهای کمتر به معنی کمتر برای دانلود است.

جداول می توانند بهینه سازی موتورهای جستجو را آسیب برسانند

رایج ترین جدول ایجاد شده طرح دارای نوار ناوبری در سمت چپ صفحه و محتوای اصلی در سمت راست است. هنگام استفاده از جداول، این (به طور کلی) نیاز دارد که اولین محتوا که در HTML نمایش داده شود، نوار ناوبری سمت چپ است. موتورهای جستجو دسته بندی صفحات بر اساس محتوا و بسیاری از موتورها تعیین می کنند که محتوای نمایش داده شده در بالای صفحه مهم تر از محتوای دیگر است. بنابراین، یک صفحه با اولین ناوبری سمت چپ به نظر می رسد محتوای دارای اهمیت کمتر از ناوبری باشد.

با استفاده از CSS، می توانید مطالب مهم را اول در HTML خود قرار دهید و سپس از CSS برای تعیین محل آن در طراحی استفاده کنید. این به این معنی است که موتورهای جستجو محتوای مهم را اول ببینید، حتی اگر طراحی آن را پایین تر از صفحه قرار دهد.

جداول همیشه خوب چاپ نکنید

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

با استفاده از CSS شما می توانید یک صفحه جداگانه جداگانه را فقط برای چاپ صفحه ایجاد کنید.

جداول برای طرح بندی در HTML 4.01 نامعتبر است

مشخصات HTML 4 بیان می کند: "جداول نباید صرفا به عنوان وسیله ای برای محتویات محتوای سند استفاده شوند، زیرا ممکن است هنگام ارائه به رسانه های غیر بصری مشکلات ایجاد شود."

بنابراین، اگر میخواهید HTML 4.01 معتبر را بنویسید، نمیتوانید از جداول برای طرح استفاده کنید. شما فقط باید از جداول برای داده های جدولی استفاده کنید. داده های جدولی به طور کلی به نظر می رسد چیزی است که شما ممکن است در یک صفحه گسترده یا احتمالا یک پایگاه داده نمایش داده شود.

اما HTML5 قوانین را تغییر داد و در حال حاضر جداول برای طرح بندی، در حال حاضر توصیه نمی شود، در حال حاضر HTML معتبر است. مشخصات HTML5 بیان می کند: "جداول نباید به عنوان کمک های طرح استفاده شوند."

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

با استفاده از CSS به موقعیت و طرح بندی صفحات شما تنها راه معتبر HTML 4.01 برای دریافت طرح هایی است که شما برای استفاده از جداول برای ایجاد استفاده می کنید. و HTML5 نیز این روش را به شدت توصیه می کند.

جداول برای طرح بندی می تواند چشم انداز فرصت های شغلی شما را تحت تاثیر قرار دهد

همانطور که طراحان جدید و جدید بیشتر HTML و CSS را یاد می گیرند، مهارت های شما در ساخت صفحات جدول کم و کمتر خواهد شد. بله، درست است که مشتریان به طور معمول به شما نمی گویند که تکنولوژی دقیق شما باید برای ساختن صفحات وب خود استفاده کنید. اما آنها از شما می خواهند چیزهایی مانند:

• صفحات وب قابل دسترس: طرح هایی که توسط خوانندگان صفحه نمایش دیده می شوند، توسط بسیاری از کشورها مورد تایید قرار می گیرند و شرکت ها هر روز قابلیت دسترسی را بیشتر و مهم تر می دانند.
• صفحات وب قابل نگهداری: طراحی هایی که می توانند با آنها انجام دهند، حتی اگر قصد ندارید آنها را در آینده حفظ کنید.
• طرح های انعطاف پذیر: طرح هایی که در بین بسیاری از مرورگرها، قطعنامه ها و دستگاه ها کار می کنند.
• صفحات سریع دانلود: سرعت در حال تبدیل شدن بیشتر و بیشتر مهم است، حتی به SEO.
• طرح های قابل چاپ: صفحاتی که بدون اسکریپت های خاص یا صفحات اضافی چاپ می شوند.

اگر شما نمیتوانید آنچه را که مشتریان درخواست می کنند را تحویل دهید، آنها برای طرح های خود متوقف نخواهند شد، شاید امروز، اما شاید سال آینده یا سال بعد. آیا شما واقعا می توانید از کسب و کار خود رنج می برید، زیرا شما مایل نیستید از تکنیک هایی استفاده کنید که از اواخر دهه 1990 استفاده کرده اید؟

اخلاقی: یاد بگیرید که از CSS استفاده کنید

CSS ممکن است برای یادگیری دشوار باشد، اما چیزی ارزشمند است که ارزش تلاش دارد. مهارت های خود را از رکود حفظ نکنید. CSS را یاد بگیرید و صفحات وب خود را به نحوی طراحی کنید که CSS برای طراحی آن ساخته شده باشد.