آیا شما در یک وبسایت بسیار قدیمی نگاه کرده اید و علامت غیر معمولی درون HTML دیده می شود؟ سالها پیش طراحان وب حقیقتا فونت های وب سایت خود را در داخل خود HTML قرار دادند، اما تفکیک ساختار (HTML) و سبک (CSS) برخی از زمان ها را با این عمل انجام دادند.
امروزه در طراحی وب، برچسب از بین رفته است. این به این معنی است که برچسب دیگر بخشی از مشخصات HTML نیست. در حالی که بعضی از مرورگرها هنوز هم از این برچسب پس از تخفیف پشتیبانی می کنند، دیگر در HTML5 پشتیبانی نمی شود، که آخرین تکرار زبان است. این به این معنی است که برچسب دیگر نباید در اسناد HTML شما پیدا شود.
جایگزین برای برچسب فونت
اگر نمی توانید فونت متن را درون صفحه HTML با برچسب تنظیم کنید، چه باید بکنید؟ صفحات سبک آبشاری (CSS) این است که چگونه سبک های فونت (و تمام سبک های بصری) را در وب سایت ها تنظیم می کنید. CSS می تواند همه چیزهایی را که برچسب می تواند انجام دهد و همچنین خیلی بیشتر انجام دهد. بیایید بررسی کنیم که کدام یک برچسب چه زمانی می تواند برای صفحات HTML ما باشد (به یاد بیاورید که دیگر هیچ پشتیبانی نمی شود، بنابراین گزینه ای نیست) و مقایسه نحوه انجام این کار با CSS.
تغییر فونت خانواده
چهره فونت چهره یا خانواده فونت است. با استفاده از برچسب فونت، از خصوصیت "صورت" استفاده کنید و شما باید چندین بار آن را در یک سند قرار دهید تا فونت های فردی را برای هر بخش از متن تنظیم کنید. اگر شما نیاز به تغییر گسترده ای در آن فونت دارید، مجبورید هر یک از این تگ های شخصی را تغییر دهید. مثلا:
این فونت به صورت غیر صفر نیستدر CSS به جای فونت "صورت"، آن فونت "خانواده" نامیده می شود. شما یک سبک CSS می نویسید که فونت را تنظیم می کند. به عنوان مثال، اگر شما می خواهید تمام متن را در یک صفحه به Garamond تنظیم کنید، می توانید این سبک بصری را مانند این اضافه کنید:
body {font-family: Garamond، Times، serif؛ }این سبک CSS خانواده فونت Garamond را به همه چیز در صفحه وب اعمال می کند، زیرا هر عنصر در سند، نسلی از
تغییر رنگ فونت
همانند صورت، از ویژگی "رنگ" و کدهای hex یا نام رنگ برای تغییر رنگ متن استفاده می کنید. چند سال پیش شما همچنین می توانید این را به صورت جداگانه بر روی عناصر متن، مانند یک برچسب هدر قرار دهید.
این فونت بنفش استامروز، شما فقط یک خط از CSS را بنویسید.
این بسیار انعطاف پذیر است. اگر شما نیاز به تغییر
در هر صفحه از سایت شما می توانید یک تغییر در فایل CSS خود ایجاد کنید و هر صفحه ای که از آن فایل استفاده می شود به روز می شود.
خارج با قدیمی
با استفاده از CSS برای دیکته کردن سبک های بصری، استانداردهای طراحی وب سایت برای سال ها بوده است، بنابراین اگر در واقع به صفحه ای نگاه می کنید که هنوز از برچسب استفاده می کند، این صفحه بسیار قدیمی است و نیاز به طراحی مجدد دارد تا مطابق با وب فعلی طراحی بهترین شیوه ها و استانداردهای وب مدرن.
ویرایش توسط جرمی جیرارد