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

使用样式表对于提升网页品质至关重要。

请勿使用 font 标签

应使用 CSS 来设置显示网页上的字体尺寸。请不要使用 font 标签。

使用 标签会增加文档的规模,而且使您每次改变标准文字尺寸的工作成为一场梦魇。

请设想一下下面的情况:

一天您决定修改网站中所有标题的颜色和尺寸。通过 CSS,您只需要修改一行就可以做到这一点。假如您使用了 标签,那么您需要把网站中所有页面的所有标题都修改一遍。

使用样式替代 标签可使我们更轻松地为网页制作高质量的界面。

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

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

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

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

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

با تنظیم امکان تغییر اندازه متن در وب‌سایت، می‌توان تعداد نوشته‌های چاپ شده را نیز تغییر داد.

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

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

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

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

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

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

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

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

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

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