آموزش تگ title در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ title در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Title در HTML
تگ title
همانند تگ های Head و Body در دسته ی تگ های پایه HTML می باشد، اینکه میگیم پایه یعنی در واقع با استفاده از این تگ ها میتونیم اساس و پایه یک صفحه وب را ایجاد نماییم.
ارزش این تگ خیلی خیلی مهمه، این تگ در ۲ مکان بسیار مهم به شرح زیر نمایش داده میشه :
- نمایش عنوان یا اسم اون صفحه وب در مرورگرها
- نمایش عنوان یا اسم اون صفحه وب در نتایج جستجوها (در موتورهای جستجوگر)
Free-Learn
مثال از تگ title در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>اینجا میشه عنوان صفحه من در مرورگرها</title> </head> <body> <p>Salam Khobi? Man Sadegh Hastam.</p> </body> </html> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ title
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ title
تنها از صفات عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
این تگ یکی از تگ های بسیار مهم و کاربردی در طراحی صفحات وب می باشد.
در هر صفحه وب فقط یک (۱) عدد تگ title
باید وجود داشته باشد، و اگه حتی همون ۱ عدد هم وجود نداشته باشد، آن صفحه وب از نظر ساختار نامعتبر است و هیچ ارزشی برای موتورهای جستجوگر نخواهد داشت.
استفاده و وجود تگ title درون یک صفحه وب از نظر سئو بسیار مهم می باشد، چرا که متن موجود در این تگ هم در مرورگرها و هم در موتورهای جستجوگر به نمایش گذاشته می شود.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ title
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 |
title { display: none; } |