کیفیت وب - استایل‌ها

استفاده از استایل‌ها برای بهبود کیفیت وب‌سایت بسیار مهم است.

از تگ font استفاده نکنید

باید از CSS برای تنظیم اندازه فونت‌های نمایش داده شده در وب‌سایت استفاده کرد. از تگ font استفاده نکنید.

استفاده از تگ <font> باعث افزایش اندازه مستند می‌شود و تغییر اندازه استاندارد نوشتار را به یک کابوس تبدیل می‌کند.

فرض کنید این شرایط را در نظر بگیریم:

یک روز شما تصمیم می‌گیرید که رنگ و اندازه تمام عنوان‌های وب‌سایت خود را تغییر دهید. با استفاده از CSS، شما تنها نیاز به تغییر یک خط دارید تا این کار را انجام دهید. اگر شما از تگ <font> استفاده کرده‌اید، شما باید تمام عنوان‌های تمام صفحات وب‌سایت خود را تغییر دهید.

استفاده از استایل‌ها جایگزین <font> تگ به ما اجازه می‌دهد تا به راحتی برای ساخت رابط‌های با کیفیت بالا برای وب‌سایت‌ها تلاش کنیم.

لطفاً از اندازه فونت ثابت استفاده نکنید

لطفاً از اندازه‌های ثابت استفاده نکنید. همیشه از اندازه‌های نسبی استفاده کنید.

دلیل مهم این پیشنهاد این است که اندازه‌های ثابت نمی‌توانند با تنظیمات مرورگر تغییر کنند.

بازدیدکنندگان شما از دستگاه‌های مختلف (مانند نمایشگرها)، محیط‌های مختلف مرورگر (مانند نور) و ممکن است ناتوانی‌های مختلف (مانند بینایی ضعیف) استفاده می‌کنند.

مثلاً می‌توانید اندازه متن یک شخص را به 100٪ (یا medium) و عنوان اصلی را به 140٪ (یا x-large) و عنوان‌های فرعی را به 120٪ (یا large) تنظیم کنید، تا کاربران بتوانند با استفاده از مرورگر اندازه مورد علاقه خود را تنظیم کنند.

با تنظیم قابلیت تغییر اندازه متن در وب‌سایت، می‌توان تعداد نوشته‌های صفحه چاپ شده را نیز تغییر داد.

لطفاً از اندازه پیش‌فرض فونت کوچک استفاده نکنید

برخی از وب‌سایت‌ها از اندازه متن کوچک استفاده می‌کنند تا بتوانند محتوای بیشتری را در هر صفحه قرار دهند یا صفحه را به نظر مد روزتر برسانند.

تکرار می‌کنم، استفاده از دستگاه‌های مختلف (مانند نمایشگرها)، محیط‌های مختلف مرورگر (مانند نور) و ممکن است ناتوانی‌های مختلف (مانند بینایی ضعیف) ممکن است به کاربران اختلال در خواندن وارد کند.

لطفاً کاربران را مجبور نکنید که در هر بازدید از وب‌سایت شما اندازه متن را بزرگ‌تر کنند.

همیشه از رنگ پس‌زمینه یکسان استفاده کنید

بیشتر صفحات وب از رنگ‌های مختلف برای عناصر متن استفاده می‌کنند. رنگ‌های عنوان و لینک‌ها معمولاً با رنگ متن اصلی متفاوت هستند.

به عنوان یک طراح وب، باید واقعاً بدانید که بازدیدکنندگان شما می‌توانند گزینه‌های رنگ پیش‌فرض را تغییر دهند.

اگر رنگی را برای عناصر وب تعریف کرده‌اید، باید رنگ پس‌زمینه را نیز تعریف کنید.

اگر رنگ پس‌زمینه را تعریف نکنید، ممکن است وب‌سایت شما با ترکیب رنگ‌های بدی خراب شود (مثلاً نوشته‌های قرمز روی پس‌زمینه قرمز روشن یا نوشته‌های تیره روی پس‌زمینه تیره).

اگر رنگ پس‌زمینه را تعیین نکنید، ممکن است متن به سختی قابل تشخیص باشد.