آموزش طراحی سایتآموزش HTML

تگ b و تگ strong در HTML

دوره آموزش طراحی سایت با HTML

با سلام خدمت تمامی علاقمندان به مباحث طراحی سایت با HTML از سری آموزش های سایت میزفا ، در جلسه گذشته به معرفی صفت‌های عمومی در HTML پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ b و تگ strong در HTML که به منظور ضخیم کردن متن در HTML به کار می‌روند آشنا نماییم .

معرفی تگ b و تگ strong

با استفاده از تگ b و strong در HTML می توانیم محتوای درون این تگ ها را به صورت ضخیم یا توپر نمایش دهیم . به مثال های زیر توجه کنید در این مثال ها عبارت طراحی سایت به صورت ضخیم نشان داده می‌شود.

برای درک بهتر کاربرد تگ b و strong در طراحی سایت به مثال زیر توجه کنید :

<p> آموزش 
   <b> طراحی سایت </b>
</p>

<p> آموزش 
   <strong> طراحی سایت </strong>
</p>

 

نتیجه کد تگ b و تگ strong
نتیجه کد بالا

تفاوت تگ b و تگ strong

حال شاید برای شما این سوال پیش بیاید که تگ b و strong هر دو باعث ضخیم شدن محتوای درون خود می‌شوند پس چه تفاوتی بین این دو وجود دارد؟
در پاسخ به این سوال باید گفت که تگ b و تگ strong و از نظر معنایی با هم متفاوت هستند یعنی زمانی که محتوای مهمی داریم و میخواهیم به موتورهای جست وجو اعلام کنیم که به این محتوا یا کلمه کلیدی اهمیت ویژه ای بدهد از تگ strong استفاده می‌کنیم و زمانی که محتوای ما محتوای مهمی نیست و تنها می‌خواهیم آن را ضخیم کنیم از تگ b استفاده می‌کنیم.

اهمیت تگ strong در سئو سایت

تگ strong در سئو سایت اهمیت است. و همانطور که در قسمت تفاوت تگ b و strong اشاره کردیم زمانی که بخواهیم به موتورهای جست و جو بگوییم که محتوایی که ضخیم شده محتوای مهمی است از این تگ استفاده می‌کنیم. برای کسب اطلاعات بیشتر درباره ی سئو و بهینه سازی سایت پیشنهاد می‌کنم مقالات آموزشی سئو سایت میزفا را از دست ندهید .

سبک نگارش تگ b و تگ strong

تمامی مرورگرها به صورت پیش فرض تگ b و strong را با سبک نگارش و یا استایل زیر نمایش می‌دهند که البته شما می‌توانید با استفاده از CSS این سبک نگارش را تغییر دهید .

strong {
    font-weight: bold;
}

b {
   font-weight: bold;
}

 

توجه : تگ های b و strong توسط تمامی مرورگرها پشتیبانی می‌شوند.

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

 

برچسب ها

علی اسمعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

نوشته های مشابه

‫18 نظر داریم، تو هم نظر بذار، پاسخ کامل میدیم :)

  1. با سلام و تشکر از سایت خوبتون

    من از تگ b و strong استفاده میکنم ولی جواب نمیده. میشه راهنماییم کنین که چرا جواب نمیده؟

    1. سلام ستایش.
      سوالت ناقص هست و تنها راهی که میتونیم پاسخ شما رو بدیم اینکه از طرف خدا وحی بشه شما دقیق چی کار کردید تا بتونیم پاسخ بدیم.
      پس لطفا دقیق تر بیان کن.

      1. My favorite food is pizza

        من اینو وارد کردم ولی نتیجه ای نمیده. میشه بگید مشکلش چیه؟

        1. نتیجه میده. حتما خروجی سایتت یک مشکل داره که بدون بررسی نمیشه گفت. الان همینجا تو میزفا اومدی نوشتی و bold شد و نتیجه داد.

          1
  2. سلام وقت بخیر – ممنون از مطالب خوبتون
    تگ استرانگ رو چطور ایجاد کنیم؟ ممنون میشم راهنمایی بفرمایید

    1. سلام علی اصغر.
      نمونه کدش رو داخل مقاله گذاشتیم. مثال داخل مقاله بهتون کمک نکرده؟

  3. سلام. وقت بخیر
    راستش در مورد تاثیر تگ های b , strong , i , em در سئوی سایت، من ی مقاله ی دیگه خوندم ک دقیقا عکس شما گفته. و گفته گوگل هیچ تفاوتی بین هیچکدام از این تگ ها نمی‌ ذاره و چندین دلیل دیگه آورده….
    حالا بالاخره ما نفهمیدیم واقعا روی سئو تاثیر داره یا نه
    لینکش رو میذارم اگه میشه بررسی کنید و پاسخ بدید:
    ممنون

    1. سلام مجتبی.
      اصولا به تگ های strong و کلا html5 ها که معنای خاصی برای ربات گوگل دارن میگن تگ های Semantic یا معنایی. ربات گوگل به این تگ ها توجه میکنه ولی بسیار بسیار فاکتور ضعیفی هست، درواقع سهم بسیار کمی در بین فاکتورهای سئو داره، برای همینه خیلی ها میگن نه اثر نداره، چون این موضوع میتونه تحت تاثیر نگاه ما هم قرار میگیره.
      مثلا من میبینم انقدر این فاکتور ریز و کوچیک هست که به همه میگم اهمیت نداره، چون میدونم اگر استفاده نکنی مشکل خاصی نمیخوری.
      با این حال بهتره از تگ های جدید و مفهومی استفاده کنی، مثل تگ strong و بدان سئو وابسته به این تگ نیست، شاید اثر بذاره ولی اثرش اصلا قابل تشخیص نیست.
      موفق باشی.

      1. آهان. خیلی ممنون
        (البته اونجا گفته بود گوگل اصلا به این تگ ها توجه نمیکنه و… ، نه اینکه اینقدر اهمیتش کمه که تاثیری نداره؛ ولی من خودم شخصا شما رو خیلی بیشتر قبول دارم و لذا این جواب شما رو صحیح تر میدونم)
        موفق باشید

  4. سلام.من وقتی میخوام یک قالب را ویرایش کنم اول dir+text-align را راست چین میکنم. بعد وقتی میخوام بین دو ایکون فارسی بنویسم جهت ایکون ها برای فارسی تغییر میکند و بهم میریزه راهنمایی دارید ؟
    مثال:

    وبسایت: http://www.example.com

    خروجیش : >وبسایت: http://www.example.com
    درحالی که اون فلش اول باید بینشون باشد!!!

    1. سلام علی، لطفا کدت رو برامون داخل codepen قرار بده بفرست بررسیش کنیم.
      بدون کد هات فقط این راهنمایی ها رو میتونم بهت بکنم :
      وقتی دایرکشن یک متن رو rtl میکنی، اگر text-align نداره نیازی نداره بهش text-align بدی.
      میتونی به صورت اختصاصی به آیکون هات direction بدی ببینی کارت راه میوفته یا نه.

    1. سلام فاطمه. سینگل کوتیشن منظورت هست؟ توی این تگ ها اصلا بحث سینگل مطرح نیست. نه دابل هست و نه سینگل.

  5. سلام.
    من در زمینه فروش جاروبرقی و لوازم فعالیت می‌کنم و خیلی به سایت شما مراجعه می‌کنم تا اطلاعاتی رو که لازم دارم کسب کنم.
    از این که به زبان آمیانه مطلب رو تشریح می‌کنید ممنونم.

  6. عرض سلام و احترام
    وقتتون بخیر

    آیا bold کردن تگ h2 مشکلی مشکلی نداره ؟ یا نباید کلا hها رو bold کرد ؟

    با تشکر فراوان

    1. سلام. از نظر سئو اگر منظورتون هست خیر. هر چند در هر کاری زیاده روی بشه جالب نیست. بیشتر تجربه کاربری مهم تر هست.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


حداکثر حجم فایل برای آپلود: 1 مگابایت.
فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ.
شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

همچنین ببینید

بستن
دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر