این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ b در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ b در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ b در HTML
تگ b
که از کلمه Bold گرفته شده ، تگی است که با استفاده از آن میتوان یک متن را بصورت پُررنگ ( یا برجسته یا ضخیم ) یا در واقع همون bold ( کلفت ) شده ایجاد و به نمایش گذاشت.
تگ b و تگ strong از نظر معنایی برای مرورگرها و موتورهای جستجوگر کاملا متفاوت هستن ، یعنی زمانی که محتوای مهمی داریم و میخواھیم به موتورھای جستجوگر مثله ( گوگل ) اعلام کنیم که مثلا این متن یه متن مهم و با ارزش محتوایی هستش از تگ strong استفاده میکنیم و زمانی که محتوای ما محتوای مهمی نیست ( یا ارزش محتوایی ندارد ) و فقط میخوایم اون رو پُررنگ یا کلفت کنیم از تگ b استفاده میکنیم.
Free-Learn
مثال از تگ b در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 |
<body> <p>Salam Khobi? Man <b>Sadegh</b> Hastam.</p> </body> |
مثال شماره ۲ : استایل دادن به تگ b با استفاده از دستورات CSS
1 2 3 4 5 6 7 8 9 10 |
<style> .mybold{ background-color:#f2f2f2; padding:5px; border-bottom:2px solid blue; color:#000; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ b
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ b
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- برای بهنیه بودن محتوا و مطالب تان سعی کنید الکی همینجور بی هدف از تگ b استفاده نکنید، همونطور که گفتم این تگ میاد و یک متن رو بصورت پررنگ یا بولد شده نمایش میدهد بدون هیچ گونه ارزش محتوایی.
- اگر میخواهید متنی را بصورت بولد شده و با ارزش محتوایی بالا ایجاد کنید باید از تگ strong استفاده نمایید.
- در زبان CSS با استفاده از ویژگی Font-Weight میتونیم یک متن رو Bold کنیم.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ b
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 |
b { font-weight: bold; } |