در مسیر یادگیری HTML، معمولاً با تگ‌هایی مواجه می‌شوید که در آموزش‌های قدیمی وجود دارند اما در منابع جدید کمتر دیده می‌شوند. یکی از این تگ‌ها، تگ basefont در HTML است. بسیاری از مبتدیان وقتی با این تگ در یک قالب آماده یا پروژه قدیمی روبه‌رو می‌شوند، دچار سردرگمی می‌شوند:
آیا باید از آن استفاده کنیم؟ آیا حذف شده است؟ اگر حذف شده، پس چرا هنوز در برخی سایت‌ها دیده می‌شود؟
واقعیت این است که دنیای طراحی وب در طول سال‌ها تغییرات بزرگی را تجربه کرده و برخی تگ‌ها به دلیل بهبود استانداردها کنار گذاشته شده‌اند. در این مقاله به‌صورت کاملاً آموزشی و قابل فهم بررسی می‌کنیم که تگ بیس فونت چیست، چه کاربردی داشته، چرا منسوخ شده و امروز چگونه باید همان کار را به‌صورت استاندارد انجام دهیم.
تگ basefont در HTML چیست؟
تگ basefont در HTML یک تگ قدیمی بود که برای تعیین ویژگی‌های پیش‌فرض متن در یک صفحه وب استفاده می‌شد. به بیان ساده‌تر، اگر شما می‌خواستید تمام نوشته‌های یک صفحه با یک فونت مشخص، اندازه خاص و رنگ معین نمایش داده شوند، می‌توانستید از این تگ استفاده کنید.
این تگ HTML معمولاً داخل بخش <head> قرار می‌گرفت و روی کل محتوای صفحه تأثیر می‌گذاشت. سه ویژگی اصلی که با استفاده از آن قابل تنظیم بود عبارت‌اند از:
- اندازه پیش‌فرض متن (size)
- نوع فونت (face)
- رنگ متن (color)
در واقع تگ بیس فونت نوعی راهکار قدیمی برای مدیریت ظاهر متن‌ها در HTML بود، زمانی که هنوز CSS به شکل امروزی رایج نشده بود.
نمونه ساده استفاده از این تگ در گذشته:
<head>
<basefont size="4" color="blue" face="Arial">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/owl.video.play.png');}.site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat.png');}.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}.commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/assets/images/icons/favicon.png');}.page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/discont_badge.png');}.sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/comibg-soon-1.png');}.sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/full-capacity-bg.png');}span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/toman.svg');}.teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http://localhost/wpdev/studiare/wp-content/uploads/sites/8/2014/01/spectacles.gif');}.product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https://bitamooz.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".owl-carousel .owl-video-play-icon","style":".owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png');}","hash":"dfde2f78-6c25-4222-ae83-2ccc360b20ae","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart,.light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":"i.fab.fa-apart,.site-footer.footer-color-light a i.fab.fa-apart","style":"i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png');}","hash":"b9da9a78-793a-49fc-8efe-b3edeb1e6f16","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"37e06a64-954c-4d6d-be10-9454f681fc66","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":".commentlist .comment .star-rating","style":".commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"bf4fd127-40ae-44d0-967d-22e59d573632","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .comment .star-rating>span","style":".commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"b6c8e52f-9671-486d-a7cf-8c86ee8e004b","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".commentlist .review .star-rating","style":".commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"7b112d85-ec04-479c-9758-211104b610f4","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .review .star-rating>span","style":".commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"e8ee2b88-30d1-41b0-a4ea-7191637ad475","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".admin_vc_addon","style":".admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png');}","hash":"414a2509-a87b-4589-b223-0a321485dcb1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png"},{"selector":".page-title","style":".page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"4c505db8-dae0-4151-8500-4522162833fa","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"ee14adca-662a-4cc3-8ab6-0cc00b5e88d3","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"9b9732bc-130a-465d-8884-3cd385dc953c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".sale-perc","style":".sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png');}","hash":"afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png"},{"selector":".sale-perc.sc_coming_soon_badge","style":".sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png');}","hash":"876b02f3-446d-4961-8e2a-3ed153fff7ac","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png"},{"selector":".sale-perc.sc_full_capacity_badge","style":".sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png');}","hash":"5cae37dd-f4ce-430d-8c93-feca557c3d46","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png"},{"selector":"span.sc-toman-cur","style":"span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg');}","hash":"39569bd6-551f-4687-b687-35bdac02138c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg"},{"selector":".teacher-item .teacher-item-inner .teacher-bg","style":".teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif');}","hash":"536a8662-2bb4-443f-abbf-478d2ba63e3b","url":"http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif"},{"selector":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot","style":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"a60e587b-cab3-4022-9c82-a96c1a754ba1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"e80bd03c-3f91-479f-b73e-2edef5c1db27","url":"https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
در این مثال، تمام متن‌های صفحه به‌صورت پیش‌فرض با فونت Arial، اندازه 4 و رنگ آبی نمایش داده می‌شدند.
اما نکته مهمی که باید بدانید این است که این روش دیگر مطابق با استانداردهای مدرن وب نیست و در نسخه‌های جدید HTML حذف شده است. در بخش‌های بعدی دقیقاً بررسی می‌کنیم چرا این اتفاق افتاد.
کاربرد تگ basefont چه بود؟
برای اینکه دقیق بفهمیم تگ basefont در HTML چه نقشی داشته، باید خودمان را به سال‌هایی برگردانیم که CSS هنوز به شکل گسترده و استاندارد امروزی استفاده نمی‌شد. در آن زمان، توسعه‌دهندگان وب برای تغییر ظاهر متن‌ها مستقیماً از تگ‌های HTML استفاده می‌کردند.
تگ بیس فونت دقیقاً برای همین هدف طراحی شده بود:
تعیین تنظیمات پیش‌فرض متن در کل صفحه.
به‌جای اینکه برای هر پاراگراف یا هر تگ جداگانه اندازه و رنگ مشخص کنیم، می‌توانستیم یک‌بار در ابتدای صفحه مقداردهی انجام دهیم.
اتریبیوت‌های تگ basefont
این تگ سه ویژگی مهم داشت:
- size
مشخص می‌کرد اندازه پیش‌فرض متن‌ها چه مقدار باشد.
مقدار آن عددی بین 1 تا 7 بود.
- color
رنگ پیش‌فرض متن‌های صفحه را تعیین می‌کرد.
- face
نوع فونت متن‌ها را مشخص می‌کرد (مثلاً Arial یا Tahoma).
مثال عملی از استفاده تگ basefont
در گذشته ممکن بود ساختار صفحه‌ای به این شکل باشد:
<html>
<head>
<basefont size="4" color="green" face="Tahoma">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/owl.video.play.png');}.site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat.png');}.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}.commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/assets/images/icons/favicon.png');}.page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/discont_badge.png');}.sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/comibg-soon-1.png');}.sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/full-capacity-bg.png');}span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/toman.svg');}.teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http://localhost/wpdev/studiare/wp-content/uploads/sites/8/2014/01/spectacles.gif');}.product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https://bitamooz.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".owl-carousel .owl-video-play-icon","style":".owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png');}","hash":"dfde2f78-6c25-4222-ae83-2ccc360b20ae","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart,.light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":"i.fab.fa-apart,.site-footer.footer-color-light a i.fab.fa-apart","style":"i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png');}","hash":"b9da9a78-793a-49fc-8efe-b3edeb1e6f16","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"37e06a64-954c-4d6d-be10-9454f681fc66","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":".commentlist .comment .star-rating","style":".commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"bf4fd127-40ae-44d0-967d-22e59d573632","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .comment .star-rating>span","style":".commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"b6c8e52f-9671-486d-a7cf-8c86ee8e004b","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".commentlist .review .star-rating","style":".commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"7b112d85-ec04-479c-9758-211104b610f4","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .review .star-rating>span","style":".commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"e8ee2b88-30d1-41b0-a4ea-7191637ad475","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".admin_vc_addon","style":".admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png');}","hash":"414a2509-a87b-4589-b223-0a321485dcb1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png"},{"selector":".page-title","style":".page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"4c505db8-dae0-4151-8500-4522162833fa","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"ee14adca-662a-4cc3-8ab6-0cc00b5e88d3","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"9b9732bc-130a-465d-8884-3cd385dc953c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".sale-perc","style":".sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png');}","hash":"afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png"},{"selector":".sale-perc.sc_coming_soon_badge","style":".sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png');}","hash":"876b02f3-446d-4961-8e2a-3ed153fff7ac","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png"},{"selector":".sale-perc.sc_full_capacity_badge","style":".sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png');}","hash":"5cae37dd-f4ce-430d-8c93-feca557c3d46","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png"},{"selector":"span.sc-toman-cur","style":"span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg');}","hash":"39569bd6-551f-4687-b687-35bdac02138c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg"},{"selector":".teacher-item .teacher-item-inner .teacher-bg","style":".teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif');}","hash":"536a8662-2bb4-443f-abbf-478d2ba63e3b","url":"http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif"},{"selector":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot","style":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"a60e587b-cab3-4022-9c82-a96c1a754ba1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"e80bd03c-3f91-479f-b73e-2edef5c1db27","url":"https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<p>این یک متن نمونه است.</p>
<p>این پاراگراف هم از تنظیمات basefont پیروی می‌کند.</p>
</body>
</html>
در این مثال:
- تمام متن‌های داخل تگ body
- بدون نیاز به استایل جداگانه
- با فونت Tahoma
- اندازه 4
- و رنگ سبز
نمایش داده می‌شدند.
مزیت آن در زمان خودش چه بود؟
در آن دوران، استفاده از تگ basefont باعث می‌شد:
- کدنویسی ساده‌تر شود
- از تکرار ویژگی‌های ظاهری در چندین تگ جلوگیری شود
- ظاهر صفحه سریع‌تر تنظیم شود
اما مشکل اصلی اینجا بود که HTML برای ساختار محتوا طراحی شده، نه برای مدیریت ظاهر. همین مسئله بعدها باعث شد این رویکرد کنار گذاشته شود.
در بخش بعدی دقیق بررسی می‌کنیم چرا تگ basefont منسوخ شد و چه مفهومی پشت واژه Deprecated قرار دارد.
چرا تگ basefont منسوخ شد؟
برای درک اینکه چرا تگ basefont در HTML منسوخ شد، باید یک اصل مهم در طراحی وب مدرن را بشناسیم:
جداسازی ساختار از استایل (Separation of Structure and Style)
در نسخه‌های اولیه HTML، توسعه‌دهندگان برای تغییر ظاهر صفحه از خود تگ‌های HTML استفاده می‌کردند. اما با پیشرفت استانداردهای وب، مشخص شد که این روش باعث به‌هم‌ریختگی کد، کاهش انعطاف‌پذیری و سخت شدن نگهداری پروژه‌ها می‌شود.
Deprecated در HTML یعنی چه؟
وقتی می‌گوییم یک تگ Deprecated شده است، یعنی:
- هنوز ممکن است برخی مرورگرها آن را پشتیبانی کنند.
- اما استفاده از آن توصیه نمی‌شود.
- در نسخه‌های آینده ممکن است کاملاً حذف شود.
- استاندارد رسمی وب دیگر آن را تأیید نمی‌کند.
تگ بیس فونت در HTML 4.01 منسوخ اعلام شد و در HTML5 به‌طور کامل از استاندارد حذف گردید. پیشنهاد میکنم حتما مقاله تگ‌های منسوخ شده رو مطالعه کنید!
دلیل اصلی حذف تگ basefont چه بود؟
- تداخل با فلسفه طراحی HTML
HTML برای تعریف ساختار محتوا طراحی شده، نه ظاهر آن.
تنظیم فونت و رنگ جزو وظایف CSS است.
- محدودیت در کنترل استایل
با basefont فقط سه ویژگی محدود قابل تنظیم بود، در حالی که CSS امکان کنترل کامل، دقیق و حرفه‌ای ظاهر را فراهم می‌کند.
- کاهش انعطاف‌پذیری پروژه
اگر در پروژه‌های بزرگ از basefont استفاده می‌شد، تغییرات ظاهری بعدی سخت و پرریسک بود.
- استانداردسازی وب
سازمان‌های استانداردسازی وب (مانند W3C) تصمیم گرفتند ساختار و استایل را از هم جدا کنند تا توسعه وب مدرن‌تر، تمیزتر و مقیاس‌پذیرتر شود.
در بخش بعدی دقیقاً بررسی می‌کنیم که جایگزین مدرن و استاندارد تگ basefont چیست و چطور باید همان کار را به روش درست انجام دهیم.
جایگزین تگ basefont در HTML چیست؟
همان‌طور که در بخش قبل گفتیم، دلیل منسوخ شدن تگ basefont در HTML این بود که وظیفه تنظیم ظاهر متن‌ها باید به CSS سپرده شود، نه خود HTML.
امروزه برای تعیین فونت، اندازه و رنگ پیش‌فرض متن‌ها، از CSS استفاده می‌کنیم. رایج‌ترین و استانداردترین روش این است که استایل‌ها را روی تگ <body> اعمال کنیم تا کل صفحه از آن تبعیت کند.
روش استاندارد تنظیم فونت پیش‌فرض با CSS
در ادامه نمونه‌ای از جایگزین مدرن basefont را مشاهده می‌کنید:
<!DOCTYPE html>
<html>
<head>
<style> body { font-family: Tahoma, Arial, sans-serif; font-size: 16px; color: #333333; } </style>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/owl.video.play.png');}.site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat.png');}.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}.commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/assets/images/icons/favicon.png');}.page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/discont_badge.png');}.sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/comibg-soon-1.png');}.sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/full-capacity-bg.png');}span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/toman.svg');}.teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http://localhost/wpdev/studiare/wp-content/uploads/sites/8/2014/01/spectacles.gif');}.product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https://bitamooz.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".owl-carousel .owl-video-play-icon","style":".owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png');}","hash":"dfde2f78-6c25-4222-ae83-2ccc360b20ae","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart,.light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":"i.fab.fa-apart,.site-footer.footer-color-light a i.fab.fa-apart","style":"i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png');}","hash":"b9da9a78-793a-49fc-8efe-b3edeb1e6f16","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"37e06a64-954c-4d6d-be10-9454f681fc66","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":".commentlist .comment .star-rating","style":".commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"bf4fd127-40ae-44d0-967d-22e59d573632","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .comment .star-rating>span","style":".commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"b6c8e52f-9671-486d-a7cf-8c86ee8e004b","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".commentlist .review .star-rating","style":".commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"7b112d85-ec04-479c-9758-211104b610f4","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .review .star-rating>span","style":".commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"e8ee2b88-30d1-41b0-a4ea-7191637ad475","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".admin_vc_addon","style":".admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png');}","hash":"414a2509-a87b-4589-b223-0a321485dcb1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png"},{"selector":".page-title","style":".page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"4c505db8-dae0-4151-8500-4522162833fa","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"ee14adca-662a-4cc3-8ab6-0cc00b5e88d3","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"9b9732bc-130a-465d-8884-3cd385dc953c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".sale-perc","style":".sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png');}","hash":"afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png"},{"selector":".sale-perc.sc_coming_soon_badge","style":".sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png');}","hash":"876b02f3-446d-4961-8e2a-3ed153fff7ac","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png"},{"selector":".sale-perc.sc_full_capacity_badge","style":".sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png');}","hash":"5cae37dd-f4ce-430d-8c93-feca557c3d46","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png"},{"selector":"span.sc-toman-cur","style":"span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg');}","hash":"39569bd6-551f-4687-b687-35bdac02138c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg"},{"selector":".teacher-item .teacher-item-inner .teacher-bg","style":".teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif');}","hash":"536a8662-2bb4-443f-abbf-478d2ba63e3b","url":"http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif"},{"selector":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot","style":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"a60e587b-cab3-4022-9c82-a96c1a754ba1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"e80bd03c-3f91-479f-b73e-2edef5c1db27","url":"https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<p>این یک متن نمونه است.</p>
<p>تمام نوشته‌های صفحه از استایل body پیروی می‌کنند.</p>
</body>
</html>
در این مثال:
- font-family جایگزین ویژگی face
- font-size جایگزین size
- color جایگزین color
- و همه این‌ها به‌صورت استاندارد و مدرن تعریف شده‌اند.
چرا CSS بسیار بهتر از basefont است؟
بیایید یک مقایسه سریع انجام دهیم:
| ویژگی | basefont | CSS |
|---|---|---|
| استاندارد در HTML5 | ❌ حذف شده | ✅ کاملاً استاندارد |
| انعطاف‌پذیری | محدود | بسیار بالا |
| پشتیبانی موبایل | محدود | کامل |
| امکان ریسپانسیو | ندارد | دارد |
| قابلیت توسعه | ضعیف | حرفه‌ای |
مزیت بزرگ CSS برای پروژه‌های واقعی
در پروژه‌های حرفه‌ای:
- می‌توانید فونت را فقط برای یک بخش خاص تغییر دهید
- در سایز موبایل تنظیم جداگانه داشته باشید
- تم تیره (Dark Mode) تعریف کنید
- حتی فونت‌های وب مانند Google Fonts اضافه کنید
چنین امکاناتی با تگ بیس فونت در HTML غیرممکن بود.
در بخش بعدی یک سناریوی واقعی بررسی می‌کنیم:
اگر داخل یک قالب قدیمی با تگ basefont مواجه شدیم، دقیقاً چه کاری باید انجام دهیم؟
اگر در سورس قدیمی تگ basefont دیدیم چه کنیم؟
اگر در حال کار روی یک قالب HTML قدیمی باشید یا یک پروژه آرشیوی را باز کرده باشید، احتمال دارد با تگ basefont در HTML مواجه شوید. اینجا دو اشتباه رایج بین مبتدی‌ها اتفاق می‌افتد:
- یا بدون بررسی آن را حذف می‌کنند و ظاهر سایت به‌هم می‌ریزد.
- یا همان‌طور رهایش می‌کنند و پروژه را با استاندارد قدیمی ادامه می‌دهند.
هیچ‌کدام از این دو رویکرد حرفه‌ای نیست.
بیایید قدم‌به‌قدم بررسی کنیم چه کار باید انجام دهید.
قدم اول: بررسی دقیق تنظیمات basefont
مثلاً ممکن است چنین چیزی ببینید:
<head>
<basefont size="3" color="black" face="Verdana">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/owl.video.play.png');}.site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat.png');}.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}.commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/assets/images/icons/favicon.png');}.page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/discont_badge.png');}.sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/comibg-soon-1.png');}.sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/full-capacity-bg.png');}span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/toman.svg');}.teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http://localhost/wpdev/studiare/wp-content/uploads/sites/8/2014/01/spectacles.gif');}.product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https://bitamooz.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".owl-carousel .owl-video-play-icon","style":".owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png');}","hash":"dfde2f78-6c25-4222-ae83-2ccc360b20ae","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart,.light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":"i.fab.fa-apart,.site-footer.footer-color-light a i.fab.fa-apart","style":"i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png');}","hash":"b9da9a78-793a-49fc-8efe-b3edeb1e6f16","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"37e06a64-954c-4d6d-be10-9454f681fc66","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":".commentlist .comment .star-rating","style":".commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"bf4fd127-40ae-44d0-967d-22e59d573632","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .comment .star-rating>span","style":".commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"b6c8e52f-9671-486d-a7cf-8c86ee8e004b","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".commentlist .review .star-rating","style":".commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"7b112d85-ec04-479c-9758-211104b610f4","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .review .star-rating>span","style":".commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"e8ee2b88-30d1-41b0-a4ea-7191637ad475","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".admin_vc_addon","style":".admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png');}","hash":"414a2509-a87b-4589-b223-0a321485dcb1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png"},{"selector":".page-title","style":".page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"4c505db8-dae0-4151-8500-4522162833fa","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"ee14adca-662a-4cc3-8ab6-0cc00b5e88d3","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"9b9732bc-130a-465d-8884-3cd385dc953c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".sale-perc","style":".sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png');}","hash":"afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png"},{"selector":".sale-perc.sc_coming_soon_badge","style":".sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png');}","hash":"876b02f3-446d-4961-8e2a-3ed153fff7ac","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png"},{"selector":".sale-perc.sc_full_capacity_badge","style":".sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png');}","hash":"5cae37dd-f4ce-430d-8c93-feca557c3d46","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png"},{"selector":"span.sc-toman-cur","style":"span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg');}","hash":"39569bd6-551f-4687-b687-35bdac02138c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg"},{"selector":".teacher-item .teacher-item-inner .teacher-bg","style":".teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif');}","hash":"536a8662-2bb4-443f-abbf-478d2ba63e3b","url":"http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif"},{"selector":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot","style":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"a60e587b-cab3-4022-9c82-a96c1a754ba1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"e80bd03c-3f91-479f-b73e-2edef5c1db27","url":"https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
در اینجا باید سه مقدار را استخراج کنید:
- اندازه متن (size)
- رنگ
- نوع فونت
قبل از حذف تگ، این مقادیر را یادداشت کنید.
قدم دوم: تبدیل تنظیمات به CSS
حالا همان تنظیمات را به شکل استاندارد در CSS بازنویسی می‌کنیم:
<head>
<style> body { font-family: Verdana, sans-serif; font-size: 14px; color: black; } </style>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/owl.video.play.png');}.site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat.png');}.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/aparat-light.png');}.commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https://bitamooz.com/wp-content/themes/studiare/assets/css/assets/images/icons/favicon.png');}.page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-empty.svg');}.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/star-fill.svg');}.sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/discont_badge.png');}.sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/comibg-soon-1.png');}.sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/full-capacity-bg.png');}span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/toman.svg');}.teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http://localhost/wpdev/studiare/wp-content/uploads/sites/8/2014/01/spectacles.gif');}.product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https://bitamooz.com/wp-content/themes/studiare/assets/images/icon-back-OWL.png');}.rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https://bitamooz.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".owl-carousel .owl-video-play-icon","style":".owl-carousel .owl-video-play-icon{--wpr-bg-dfde2f78-6c25-4222-ae83-2ccc360b20ae: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png');}","hash":"dfde2f78-6c25-4222-ae83-2ccc360b20ae","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/owl.video.play.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart,.light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before,.light a i.fab.fa-apart:before{--wpr-bg-d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"d1fbff9b-2a73-46a0-b1af-e9d0f1b02e89","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":"i.fab.fa-apart,.site-footer.footer-color-light a i.fab.fa-apart","style":"i.fab.fa-apart:before,.site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-b9da9a78-793a-49fc-8efe-b3edeb1e6f16: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png');}","hash":"b9da9a78-793a-49fc-8efe-b3edeb1e6f16","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat.png"},{"selector":".site-footer.footer-color-light a i.fab.fa-apart","style":".site-footer.footer-color-light a i.fab.fa-apart:before{--wpr-bg-37e06a64-954c-4d6d-be10-9454f681fc66: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png');}","hash":"37e06a64-954c-4d6d-be10-9454f681fc66","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/aparat-light.png"},{"selector":".commentlist .comment .star-rating","style":".commentlist .comment .star-rating{--wpr-bg-bf4fd127-40ae-44d0-967d-22e59d573632: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"bf4fd127-40ae-44d0-967d-22e59d573632","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .comment .star-rating>span","style":".commentlist .comment .star-rating>span{--wpr-bg-b6c8e52f-9671-486d-a7cf-8c86ee8e004b: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"b6c8e52f-9671-486d-a7cf-8c86ee8e004b","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".commentlist .review .star-rating","style":".commentlist .review .star-rating{--wpr-bg-7b112d85-ec04-479c-9758-211104b610f4: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"7b112d85-ec04-479c-9758-211104b610f4","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".commentlist .review .star-rating>span","style":".commentlist .review .star-rating>span{--wpr-bg-e8ee2b88-30d1-41b0-a4ea-7191637ad475: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"e8ee2b88-30d1-41b0-a4ea-7191637ad475","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".admin_vc_addon","style":".admin_vc_addon{--wpr-bg-414a2509-a87b-4589-b223-0a321485dcb1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png');}","hash":"414a2509-a87b-4589-b223-0a321485dcb1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/css\/assets\/images\/icons\/favicon.png"},{"selector":".page-title","style":".page-title{--wpr-bg-4c505db8-dae0-4151-8500-4522162833fa: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"4c505db8-dae0-4151-8500-4522162833fa","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating{--wpr-bg-ee14adca-662a-4cc3-8ab6-0cc00b5e88d3: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg');}","hash":"ee14adca-662a-4cc3-8ab6-0cc00b5e88d3","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-empty.svg"},{"selector":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span","style":".average-rating .avareage-rating-inner .average-rating-stars .star-rating>span{--wpr-bg-9b9732bc-130a-465d-8884-3cd385dc953c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg');}","hash":"9b9732bc-130a-465d-8884-3cd385dc953c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/star-fill.svg"},{"selector":".sale-perc","style":".sale-perc{--wpr-bg-afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png');}","hash":"afb14ad5-cee4-4b2c-8e25-4a6ee1076ce6","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/discont_badge.png"},{"selector":".sale-perc.sc_coming_soon_badge","style":".sale-perc.sc_coming_soon_badge{--wpr-bg-876b02f3-446d-4961-8e2a-3ed153fff7ac: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png');}","hash":"876b02f3-446d-4961-8e2a-3ed153fff7ac","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/comibg-soon-1.png"},{"selector":".sale-perc.sc_full_capacity_badge","style":".sale-perc.sc_full_capacity_badge{--wpr-bg-5cae37dd-f4ce-430d-8c93-feca557c3d46: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png');}","hash":"5cae37dd-f4ce-430d-8c93-feca557c3d46","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/full-capacity-bg.png"},{"selector":"span.sc-toman-cur","style":"span.sc-toman-cur{--wpr-bg-39569bd6-551f-4687-b687-35bdac02138c: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg');}","hash":"39569bd6-551f-4687-b687-35bdac02138c","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/toman.svg"},{"selector":".teacher-item .teacher-item-inner .teacher-bg","style":".teacher-item .teacher-item-inner .teacher-bg{--wpr-bg-536a8662-2bb4-443f-abbf-478d2ba63e3b: url('http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif');}","hash":"536a8662-2bb4-443f-abbf-478d2ba63e3b","url":"http:\/\/localhost\/wpdev\/studiare\/wp-content\/uploads\/sites\/8\/2014\/01\/spectacles.gif"},{"selector":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot","style":".product-info-box.sc-amazing-offer,.sc-single-product-message,.woosw-area .woosw-inner .woosw-content .woosw-content-top,.woosw-area .woosw-inner .woosw-content .woosw-content-bot{--wpr-bg-a60e587b-cab3-4022-9c82-a96c1a754ba1: url('https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png');}","hash":"a60e587b-cab3-4022-9c82-a96c1a754ba1","url":"https:\/\/bitamooz.com\/wp-content\/themes\/studiare\/assets\/images\/icon-back-OWL.png"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-e80bd03c-3f91-479f-b73e-2edef5c1db27: url('https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"e80bd03c-3f91-479f-b73e-2edef5c1db27","url":"https:\/\/bitamooz.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
قدم سوم: حذف ایمن تگ basefont
پس از اضافه کردن CSS:
- صفحه را در مرورگر تست کنید
- ظاهر را بررسی کنید
- اگر همه‌چیز درست بود، تگ basefont را حذف کنید
این روش باعث می‌شود بدون ریسک، پروژه را مدرن‌سازی کنید.
آیا هنوز می‌توان از تگ basefont استفاده کرد؟
پاسخ کوتاه این است:
از نظر فنی ممکن است در برخی مرورگرها کار کند، اما از نظر استانداردی نباید استفاده شود.
بیایید دقیق‌تر بررسی کنیم چرا.
وضعیت پشتیبانی در مرورگرهای مدرن
برخی مرورگرها به‌دلیل سازگاری با سایت‌های بسیار قدیمی (Backward Compatibility)، هنوز ممکن است تگ basefont را رندر کنند. اما این پشتیبانی:
- تضمین‌شده نیست
- ممکن است در نسخه‌های آینده حذف شود
- رفتار یکسانی در همه مرورگرها ندارد
یعنی اگر امروز سایتی طراحی کنید و از تگ بیس فونت در HTML استفاده کنید، عملاً روی یک رفتار غیررسمی حساب کرده‌اید.
چرا استفاده از آن اشتباه است؟
1. خارج از استاندارد HTML5 است
در نسخه HTML5 این تگ به‌طور کامل حذف شده و دیگر بخشی از استاندارد رسمی نیست.
2. باعث کاهش اعتبار فنی پروژه می‌شود
اگر یک توسعه‌دهنده حرفه‌ای سورس شما را بررسی کند و ببیند از basefont استفاده کرده‌اید، متوجه می‌شود که کدنویسی شما بر اساس استانداردهای قدیمی انجام شده است.
3. ناسازگاری با تکنیک‌های مدرن
امکاناتی مانند:
- طراحی ریسپانسیو
- دارک مود
- متغیرهای CSS
- فریم‌ورک‌های مدرن
هیچ‌کدام با تگ‌های استایل‌محور قدیمی سازگار نیستند.
یک قانون مهم در توسعه وب
در دنیای برنامه‌نویسی، همیشه این اصل را در نظر بگیرید:
اگر روشی منسوخ شده، حتی اگر هنوز کار کند، نباید از آن استفاده کرد.
چون توسعه وب فقط درباره «کار کردن» نیست؛ درباره استاندارد بودن، مقیاس‌پذیری و آینده‌نگری است.
جمع‌بندی: آیا یادگیری تگ basefont ضروری است؟
اگر بخواهیم صادقانه و حرفه‌ای پاسخ بدهیم، باید بگوییم:
یادگیری تگ basefont در HTML برای استفاده عملی ضروری نیست، اما برای درک تاریخچه HTML و تکامل استانداردهای وب مفید است.
چرا دانستن آن هنوز ارزشمند است؟
چند دلیل مهم وجود دارد:
- ممکن است در سورس‌های قدیمی با آن مواجه شوید.
- درک مفهوم Deprecated برای شما شفاف‌تر می‌شود.
- فلسفه جداسازی ساختار و استایل را بهتر درک می‌کنید.
- دید عمیق‌تری نسبت به تکامل HTML پیدا می‌کنید.
اما اگر هدف شما طراحی سایت مدرن و حرفه‌ای است، باید تمرکزتان روی:
- ساختار استاندارد HTML5
- تسلط کامل بر CSS
- رعایت اصول سئو و ریسپانسیو
باشد، نه استفاده از تگ‌های قدیمی.
نگاه حرفه‌ای به موضوع
یک توسعه‌دهنده مبتدی معمولاً تگ‌ها را حفظ می‌کند. اما یک توسعه‌دهنده حرفه‌ای می‌داند:
- چرا یک تگ ایجاد شد
- چرا حذف شد
- و جایگزین درست آن چیست
در مورد تگ بیس فونت در HTML هم دقیقاً همین اتفاق افتاده است: «ایجاد شد، مدتی استفاده شد، سپس با پیشرفت CSS کنار گذاشته شد.»
سوالات متداول
خیر. این تگ در HTML5 حذف شده و بخشی از استاندارد رسمی نیست.
basefont یک تگ HTML قدیمی برای تعیین فونت پیش‌فرض بود، اما CSS یک زبان استایل‌دهی کامل و استاندارد برای کنترل ظاهر صفحات وب است.
یعنی استفاده از آن تگ یا ویژگی دیگر توصیه نمی‌شود و ممکن است در نسخه‌های آینده حذف شود.
اگر بدون جایگزینی CSS حذف شود، ممکن است ظاهر متن‌ها تغییر کند. بهتر است ابتدا تنظیمات آن را در CSS بازنویسی کنید.
استفاده از CSS و اعمال تنظیمات روی تگ body یا کلاس‌های مشخص.
