تگ های کم کاربرد اما کارآمد HTML – راهنمای کاربردی

۳۰۶ بازدید

آخرین به‌روزرسانی: ۱۲ شهریور ۱۴۰۲

زمان مطالعه: ۲ دقیقه

دانلود PDF مقاله

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

فهرست مطالب این نوشته

تگ

تگ‌های و

تگ

تگ <acronym>

تگ <acronym> روشی برای تعریف یا توضیح بیشتر یک گروه از کلمات است. زمانی که ماوس را روی یک متن می‌برید که از تگ <acronym> استفاده می‌کند، کادری زیر آن ظاهر می‌شود که متن موجود در خصوصیت title تگ در آن نمایش می‌یابد.

فیلم آموزش اچ تی ام ال – طراحی وب با HTML – مقدماتی + گواهینامه در فرادرس

کلیک کنید

به مثال زیر توجه کنید:

1<p>The microblogging site <acronym title="Founded in 2006"> Twitter</acronym> has recently struggled with downtimes.</p>

تگ‌های <ins> و <del>

اگر می‌خواهید نسخه‌های ویرایش شده یک متن را به صورت نشانه‌گذاری شده نمایش دهید، می‌توانید از تگ‌های <ins> و <del> استفاده کنید. همان طور که از نام تگ‌ها مشخص است، تگ <ins> آن چه را به سند اضافه شده است با یک زیرخط هایلایت می‌کند و تگ <del> آن چه از متن حذف شده را با «میان خط» (strikethrough) نمایش می‌دهد.

1John <del>likes</del> <ins>LOVES</ins> his new iPod

تگ <abbr>

تگ <abbr> مشابه تگ <acronym> است، به جز این که تگ <abbr> تنها برای تعریف واژه‌های اختصاری استفاده می‌شود. همانند <acronym> یک title درون تگ تعریف می‌کنیم. زمانی که بازدیدکننده ماوس را روی متن اختصاری می‌برد، تعریف کامل ظاهر خواهد شد. تگ <abbr> به ندرت استفاده می‌شود، اما مزایای زیادی برای نرم‌افزارهای قرائت صفحه، نرم‌افزارهای غلط‌یاب و موتورهای جستجو دارد:

1<abbr title="Sergeant">Sgt.</abbr> Pepper's Lonely Hearts Club is my favorite album

تگ <wbr>

تگ <wbr> یک تگ به شدت کم کاربرد است.

فیلم آموزش طراحی وب با HTML اچ تی ام ال – تکمیلی در فرادرس

کلیک کنید

در واقع شاید تاکنون هرگز با این تگ روبرو نشده باشید، زیرا بسیار به ندرت استفاده می‌شود. این تگ اساساً به شما امکان می‌دهد، مکانی که فکر می‌کنید یک «شکستن خط» (line break) مفید خواهد بود را تعیین کنید، اما لزوماً خط را نمی‌شکند و تنها در صورت نیاز این کار را انجام خواهد داد. این تگ به نوعی منحصر به فرد است، زیرا از جهت‌گیری مرورگر برای قرار دادن محل شکستگی‌های خطوط در صورت نیاز استفاده می‌کند. این قابلیت برای ایجاد لی‌آوت‌هایی مفید است که می‌خواهید فاقد نوار اسکرول افقی باشند:

1<span>How do you say Supercalifragilistic<wbr>expialidocious?</span>

تگ <base>

تگ <base> به تعریف URL یا هدف مبنای همه URL-های نسبی در یک سند می‌پردازد. حداکثر یک عنصر <base> می‌تواند در یک سند وجود داشته باشد و باید درون عنصر <head> قرار داشته باشد. اگر یک تگ <base> موجود باشد، باید دارای خصوصیت href و یا target باشد. البته می‌تواند هر دو را داشته باشد:

1<head>
2<base href="https://www.w3schools.com/images/" target="_blank">
3</head>

اگر این مطلب برای شما مفید بوده است، آموزش‌های زیر نیز به شما پیشنهاد می‌شوند:

محصول، خدمات یا برند خود را در مجله فرادرس معرفی کنید.

کلیک کنید

بر اساس رای ۱ نفر

آیا این مطلب برای شما مفید بود؟

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

ثبت نظر

منابع:

swlh

میثم لطفی (+)

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