امروز درباره تگ i در html و تگ em در html خواهیم پرداخت و میگوییم چیست و چه کاربردی دارد. در ادامه آموزش html همراه میزفا باشید.
با یکی دیگر از جلسات آموزش طراحی سایت با HTML در خدمت شما عزیزان هستیم ، در جلسه گذشته به معرفی تگ های b و strong پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ i و تگ em در HTML که به منظور مورب کردن متن در HTML به کار می‌روند آشنا نماییم .
سرفصل‌های پست
معرفی تگ i و تگ em
با استفاده از تگ i و em در HTML می توانیم محتوای درون این تگ ها را به صورت مورب (Italic) نمایش دهیم.
به منظور درک بهتر کاربرد تگ <i> و تگ <em> در طراحی سایت به مثال‌های زیر توجه کنید در این مثال ها عبارت طراحی سایت به صورت مورب نشان داده میشود.
<p> آموزش <i> طراحی سایت </i> </p> <p> آموزش <em> طراحی سایت </em> </p>
تفاوت تگ i و تگ em
ممکن است که برای شما این سوال پیش بیاید که تگ i و em هر دو محتوای درون خود را به صورت مورب نمایش می‌شوند پس چه تفاوتی بین این دو تگ وجود دارد؟ در پاسخ به این سوال باید گفت که نام تگ em از کلمه لاتین (emphasize) به معنی “تاکید” گرفته شده و زمانی که بخواهیم بر روی یک محتوا تاکید کنیم از تگ em استفاده می‌کنیم، در غیر اینصورت بهتر است از تگ i استفاده شود.
نکات تکمیلی در مورد تگ i و تگ em
- تگ های i و em توسط تمامی مرورگرها پشتیبانی می‌شوند.
- به جای این تگ ها می‌توانید از CSS و font-style:italic; استفاده کنید، اما برای سئو بهتر است که از این تگ ها استفاده کنید.
پایانترم
[box type=”info” class=”question-from-users” width=””]سوال:
تفاوت تگ i و تگ p در HTML چیست؟
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در نظرات میزفا مطرح کنید.
19 پاسخ
سلام
طبق چيزي كه آقاي مت كاتس گفتند تفاوتي از لحاظ سئو بين em و i وجود نداره يا حتي بين b و strong
ولي خيلي جاها گفته ميشه كه از لحاظ سئو تفاوت دارن به نطرتون كدوم درست تره؟خيلي ممنونم
الان دیگه تفاوتی آنچنان با هم ندارند ولی به نظر من بهتره هرکدوم رو سره جای خودش استفاده کنیم. اینطوری بهتره.
یه چیزی که مهمه این هست که استفاده از تگ بهتر از استفاده از style css هست.
خیر فرق میکنه از بین تگb و strong صد در صد بهتره که از strongاستفاده کنیم برای سو سایت
و بین تگem و iبنظرم بهتره که ازemاستفاده کنیم
جواب سوال:
از تگ p برای نوشتن متن در قالب پاراگراف استفاده می شه و از تگ i برای مورب کردن متن مورد نظر استفاده می شه
درستههههههههههههه مرسی
سلام
تگ i برای مورب کردن متن بکار میرود. تگ p برای نوشتن متن و پاراگراف کاربرد دارد.
سلام
👌
تگ p برای تعریف یک پاراگراف هست اما تگ i برای ایتالیک کردن یک عبارت یا کلمه یا جمله استفاده میشه و جزو تگ های بلاکی هم نیست ! برخلاف p که هست
سلام فرهان، خیلی خوب نوشتی آفرین که انقدر کامل در مورد تگ ها مطالعه می‌کنی.
به زودی جایزه‌ات را برات در میزفا آکادمی شارژ می‌کنیم.
سلام
تگ p برای نمایش متن به صورت عادی است
و تگ i برای نمایش متن به صورت ایتالیک و مورب است
سلام محمد ممنونم، درست نوشتی.
تگ i بصورت مورب نوشته میشود
تگ p هم متن عادی هستش
سلام دقیقا علی اکبر، آفرین. ممنون و جایزه‌ات را شارژ می‌کنیم.
پاسخ سوال :
تگ i برای مورب نویسی استفاده میشه
تگ p هم متن بصورت معمولی نوشته میشه
سلام محمد عزیز، درست نوشتی، هدیه‌ات را در میزفا آکادمی دریافت می‌کنی.
پاسخ سوال :
زمانیکه بخواهیم برروی محتوا تاکید کنیم از em استفاده می کنیم در غیر اینصورت از i استفاده می کنیم.
سلام محمد، مرسی از پاسخت و توضیحاتت درسته ولی سوال ما چیز دیگه‌ای بود. تفاوت بین تگ i و تگ p توی چیه؟
سلام
من دانشجوی کامپیوتر هستم و می خوام در زمینه ی وب تمرین حل کنم . سوالم: می خوام متن
This is a title
رو توی صفحه مرور گر نمایش بدم از css هم استفاده کردم فقط نمی دونم فاصله ی متن ها از صفحه رو چجوری تنظیم کنم وقتی متن رو جابجا می کنم علامت های همراه متن جابجا نمیشن …
لطفا یه راهنمایی برای این تمرین بکنید .
با تشکر از سایت خوبتون …
سلام رقیه ، مقالات مربوط به فصل کادر ها در CSS که نوید نوشته رو خوندی مطالعه کردی ؟ با استفاده از margin میتونی فاصله رو ایجاد کنی.