همانطور که میدانید هر صفحه ی مرورگر دارای یک عنوان می باشد. برای ایجاد چنین ویژگیی از تگ <title> استفاده می شود. این تگ در قسمت head که درون تگ html و در سند Html قرار می گیرد و عنوان مرور گر سایت در آن نوشته می شود.
برای اینکه به لحاظ اعتبار سنجی بتوانید از ویژگی تگ title بهتر استفاده کنید حداکثر از 15 کاراکتر استفاده کنید. (طراحی سایت , سئو سایت , طراحی سایت )
هر تگ title فقط می تواند یکبار درون سند Html قرار بگیرد و از لحاظ سئو برای موتورهای جستجو تگ بسیار مهمی بشمار می رود.
هرگاه بخواهید به لیست علاقه مندی های خود (favorite) یک صفحه اضافه کنید از تگ title برای این منظور استفاده می شود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
با حذف تگ title هیچ سند Html ای دارای اعتبار نخواهد بود لذا همه ی سندهای Html باید باید دارای تگ عنوان نیز باشند.
همچنین می توانیم بگوییم که تگ title از ویژگی های عمومی در Html پشتیبانی نیز می کند.
از عناوین کوتاه استفاده کنید زیرا عنواین بزرگ توسط مرور گر حذف می شوند.
برای نتیجه گیری بهتر در سئو باید از کلمات مناسب در تگ title استفاده شود.
در این جا می توانید ببنید که چگونه می توان برای یک سند Html عنوان نیز تعریف کرد:
1 2 3 4 5 6 7 8 9 10 11 | <html> <head> <title>آموزش اچ تی ام ال در سئو راز</title> </head> <body> The content of the document...... </body> </html> |
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ abbr در Html در خدمت شما هستیم:
تگ <abbr> همانند تگ <acronym> برای عبارات مخفف شده به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )
اما تگ <acronym> در HTML5 پشتیبانی نمیشود برای همین از تگ <abbr> استفاده میشود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <abbr title="عبارت مخفف شده">کلمه مخفف</abbr> |
برای مثال:
1 | <abbr title="Content Delivery Network">CDN</abbr> is short for Content Delivery Network. |
نمایش خروجی قطعه کد بالا:
CDN is short for Content Delivery Network.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
خب در این قسمت می خواهیم در باره تگ html که به عنوان فضایی برای قرار گیری تمام عناصر Html می باشد توضیح دهیم. البته باید خاطر نشان کرد که این تگ شامل تگ <DOCTYPE html!> نخواهد بود.
از این تگ به صورت دو تگ باز و بسته <html></html> استفاده می کنند.
همیشه برای شروع نوشتن یک صفحه ب زبان Html این تگ به عنوان اولین تگ استفاده می شود.(طراحی سایت , ساخت سایت , سئو سایت)
همچنین از این طریق به مرورگرمان می فهمانیم که این سند یک سند Html خواهد بود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , طراحی سایت , قیمت طراحی سایت)
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> |
از خصوصیت هایی که در تگ html به کار می رود دو خصوصیت manifest و xmlns می باشد که به توضیح هر کدام می پردازیم:
خصوصیت manifest به تازگی به سند Html5 اضافه شده است. ومقدار دریافتی آن URL می باشد که جهت نمایش آدرس ذخیره شده در سند می باشد.
خصوصیت xmlns که دارای مقدار دریافتی http://www.w3.org/1999/xhtml می باشد تا اگر کسی بخواهد مطلبی به صورت XHTML بنویسد توسط صفت XML فضایی ایجاد شود.اعتبار سنج های HTML به خاطر قرار نگرفتن xmlns در اسناد XHTML هیچ ایرادی از شما نخواند گرفت چون به طور پیش فرض xmlns=http://www.w3.org/1999/xhtml در تگ html شما وجود خواهد داشت.
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ acronym در Html در خدمت شما هستیم:
تگ <acronym> همانطور که از اسم آن مشخص است برای کلمات مخفف به کار میرود.
برای مخفف هایی به کار میروند که خود تبدیل به یک کلمه مستقل شده اند. مانند NASA
با استفاده از تگ <acronym> ذر یک عبارت میتوانید به مرورگرها و موتورهای جستجو اطلاعات مفیدی را ارائه دهید.(طراحی سایت , ساخت سایت, طراحی سایت فروشگاهی , طراحی سایت شرکتی , طراحی سایت , سئو سایت , قیمت طراحی سایت)
1 | <acronym title="عبارت مخفف شده">کلمه مخفف</acronym> |
برای مثال:
1 | <acronym title="Content Delivery Network">CDN</acronym> is short for Content Delivery Network. |
نمایش خروجی قطعه کد بالا:
CDN is short for Content Delivery Network.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
با آموزش Html: تگ DOCTYPE همراه شما هستیم:
همانطور که می دانید در دنیای طراحی سایت یا ساخت سایت صفحات اینترنتی بسیاری وجود دارند. این صفحات اینترنتی باید بگونه ای برای نمایشگر ها قابل شناسایی باشند. با استفاده از تگ <DOCTYPE!> ما می توانیم به Html بفهمانیم که در حال حاضر از چه نوع نسخه Html در حال استفاده می باشیم. اگرچه استفاده نکردن از این تگ می تواند مشکلی برای شما ایجاد نکند ولی طبق کنسرسیوم جهانی وب یعنی W3C استفاده کردن از ان تگ تقریبا الزامی می باشد و استفاده نکردن از آن ممکن است ببرای صفحات وب شما در مرور گر های مختلف اشکال ایجاد کند. همچنین بدلیل آنکه از لحاظ Validation یا اعتبار سنجی جهانی نمی تواند مناسب باشد ممکن است رتبه شما را در موتور های جستجو گوگل با مشل روبه رو کند و از لحاظ سئو سایت در رتبه خوبی قرار نگیرید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , طراحی سایت , قیمت طراحی سایت)
برای Html نسخه های متفاوتی وجود دارد که در حال حاضر ما در این آموزش از نسخه Html5 استفاده می کنیم.
در ادامه یک نمونه از سند Html5 را باهم می بینیم:
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> |
در نمونه سند بالا دستور <DOCTYPE!> برای Html5 عنوان شد ولی برای اطلاعات بیشتر دو نمونه دیگر از دستور <DOCTYPE!> برای Html نسخه HTML 4.01 و XHTML 1.0 را قرار می دهیم.
1 2 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
در این نسخه شما قادر هستید از تگ های استایل مانند bgcolor، background و… استفاده کنید و این نمونه بسیار برای صفحات قدیمی که از CSS پشتیبانی نمی شنود مناسب می باشند.
1 2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
در این نسخه هم مانند نسخه پیشین عمل می شود و همچنین باید توجه داشته باشید که سند XHTML از نحوه نگارش در XML پیروی می کند.