با آموزش 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 پیروی می کند.
در این مقاله با آموزش تگ 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.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
در این مقاله با آموزش تگ 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.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
در این مقاله با آموزش تگ address در HTML در خدمت شما هستیم:(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ <address> به معنای ساده آدرس تماس نویسنده یک سند یا نوشته یا مقاله است.(طراحی سایت , سئو سایت , طراحی سایت )
تگ <address> با توجه به محل قرارگیری در متن، معنی کلی دارد:
1 | <address>.......</address> |
برای مثال:
1 2 3 4 5 | <address> تهران – خیابان مطهری – خیابان میرعماد – کوچه پنجم – پلاک 11- واحد 3 </address> |
نمونه خروجی قطعه کد بالا:
تهران – خیابان مطهری – خیابان میرعماد – کوچه پنجم – پلاک 11- واحد 3* همانگونه که در متن بالا مشاهده میکنید متن های خروجی تگ <address> به صورت مورب و ایتالیک نمایش داده مشوند.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
با آموزش تگ های h1 تا h6 در Html در خدمت شما هستیم.
تگ های h1 تا h6 در واقع یکی از مهمترین تگ های به کار رفته در Html می باشد که در بهبود سئوی سایت شما در موتور های جستجو می تواند بسیار موثر عمل کند.(طراحی سایت , طراحی سایت )
در واقع از این تگ ها که به تگ های Heading معروف می باشند، برای جداسازی عنوان یا سرتیتر ها در مقاله ها در Html استفاده می شود.
در استفاده از تگ های h1 تا h6 دقت داشته باشید که باید به ترتیب استفاده شوند و ارزش هر تگ به ترتیب از h1 که قویترین می باشد تا h6 که ضعیف ترین است قرار داده شده است. .(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
برای موتور های جستجو استفاده از این تگ ها بسیار مهم است و برای هر صفحه حتما باید یک تگ h1 وجود داشته باشد و از بقیه تگ ها به ترتیب ارزش آن ها استفاده شود. مثلا می توانید تنها از دو تگ h1 و h2 استفاده نمایید و نیازس نیست حتما همه ی تگ های h1 تا h6 در صفجه شما قرار داده شود.
در زیر می توانید نمونه ی استفاده شده از این تگ ها را در صفحات Html مشاهده کنید:
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
تمامی مرور گر ها را پشتیبانی می کند.