تگ b و تگ strong در HTML

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

با سلام خدمت تمامی علاقمندان به مباحث طراحی سایت با 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;
}
[box type=”note” class=”” width=”100%”]

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

[/box]

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

در زمانی که سئو برای ما اهمیت دارد بهتر است از کدام تگ برای توپر کردن یا Bold کردن متن استفاده کنیم؟ راه دیگری جز استفاده از تگ ها برای توپر کردن متن ارائه دهید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

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

فیلم آموزشی asp.net core 2

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

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

27 نظر

27 پاسخ

  1. جواب سوال:
    برای توپر کردن کلمات مهم از تگ strong استفاده می کنیم
    به غیر از استفاده از تگ به صورت مستقیم، می توانیم با استفاده از کدهای css ضخامت نوشته خود را زیاد کرده و متن را بولد کنیم(استایلش را عوض کنیم)

  2. زمانی که سئو برای ما اهمیت دارد بهتر است تگstrong برای توپر کردن متن استفاده کنیم
    راه دیگه به نظرم استفاده از استایل دهی است که در قسمت css می نویسیم:
    {b
    font-weight: bold
    {

    1. سلام فرهان، این تمرین بروزرسانی شده، لطفا پاسخ تمرین جدید رو هم برامون ارسال کن.

    1. سلام علی اکبر دقیقا. مرسی. هدیه‌ات را شارژ می‌کنیم به زودیه زود.

    1. درود محمد عزیز، درست گفتی. همینطور با قدرت ادامه بده.

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

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

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

      1. My favorite food is pizza

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نشانی ایمیل شما منتشر نخواهد شد.

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

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=