تخفیف ویژه زمستانه پی استور

تا 60 درصد تخفیف

شامل پروژه‌ها و دوره‌های آموزشی
روز
ساعت
دقیقه
ثانیه
آخرین فرصت‌ها

با خرید اشتراک ویژه ، با هزینه بسیار کمتر به فایل های پاورپوینت دسترسی داشته باشید!

تگ html

تگ html
تگ به عنوان ریشه و ستون اصلی صفحات وب شناخته می‌شود. به عبارتی نمایشگر ریشه فایل اچ تی ام ال است. این تگ به مرورگرها نوع فایل را می‌فهماند و می‌گوید که این فایل، یک فایل html است. این تگ همانند ظرفی است که برای بقیه تگ‌های اچ تی ام ال گذاشته می‌شود.

فهرست مطالب

به طور واضح، تمام المان‌های اچ تی ام ال به غیر از  doctype باید در داخل این تگ نوشته شوند. هیچ تگی اجازه نوشته شدن بعد از این تگ را ندارد و قبل از آن هم تنها دستور doctype نوشته می‌شود. این تگ آبستن تمام ت‌گ هاست و همه المان‌های html فرزند این تگ بوده و برای نمایش باید در رحم این تگ مادر باشند. تاکید می‌کنم تگ doctype مستثنی از این قانون است. اگر می‌خواهید همه تگ‌های html را یکجا و در یک مقاله مطالعه کنید، به آموزش HTML سر بزنید.

نحوه نوشتن تگ html

این تگ به‌صورت باز و بسته به کار می‌رود. بعد از تگ doctype باز شده و بعد از همه تگ‌ها بسته می‌شود. شکل باز این تگ به صورت <html> است و شکل بسته آن به صورت <html/> است. به مثال زیر دقت کنید :

<html>

</html>

پشتیبانی از خصوصیت‌ها و صفات

این المان تنها از صفات و خصوصیت‌های عمومی در HTML پشتیبانی می‌کند. خصوصیاتی چون: div, id, style, title, lang, … اما در زیر یکی از خصوصیت‌های مهم آن توضیح داده می‌شود:

خصوصیت lang در تگ html

این خصوصیت نشانگر زبان سند است که در صفحات html فارسی مقدار آن برابر fa می‌باشد. اگر می‌خواهید سند اچ تی ام ال شما به صورت اصولی نوشته شود، باید همواره از خصوصیت lang استفاده کنید. با این کار به موتورهای جستجوگر کمک می‌کنید تا  زبان سند شما را بفهمند. برای استفاده از این صفت، بعد از کلمه html نام صفت یعنی lang را وارد می‌کنید، سپس یک مساوی و بعد داخل دو تا دابل کوتیشن مقدار fa را قرار می‌دهید. در زیر مثالی از کاربرد این تگ و خصوصیت lang آن آورده شده است:

<!DOCTYPE html>

<html

lang=”fa”> <head>

  <title>Title of the document</title>
</head>
<body>

 <h1>This is a heading</h1>
 <p>This is a paragraph.</p>

</body>
</html>

توجه بفرمایید که منظور از عبارت fa همان واژه farsi و زبان فارسی است. استفاده از این مقدار در این صفت برای سایت‌ها و صفحات فارسی اکیدا توصیه می‌شود.

صفت xmlns

این صفت تنها در XHTML به کار می‌رود. به بیانی دیگر اگر فایل شما xhtml باشد باید از این صفت با مقدار http://www.w3.org/1999/xhtml نیز در تگ html استفاده کنید. اما در فایل‌های html که مورد بحث ماست، این صفت هیچ کاربردی ندارد و نوشته نمی‌شود.

تنظیمات CSS پیش فرض برای تگ html

اکثر مرورگرها این تگ را با استایل‌ها و ویژگی‌های زیر نمایش می‌دهند :

html {
  display: block;
}

html:focus {
  outline: none;
}

به عبارتی کدهای بالا، استایل‌های پیش فرض این تگ در اکثر مرورگر هاست. توصیه می‌شود پیش فرض‌های این تگ را دستکاری نکنید.

پشتیبانی مرورگر ها از تگ html

نام مرورگر Chrome Safari Firefox Opera Internet Explorer
پشتیبانی می کند؟ بله بله بله بله بله

تمام مرورگرها از این تگ، پشتیبانی کامل می‌کنند زیرا این تگ به نحوی دستیار آن‌هاست و مرورگرها را در شناختن نوع فایل کمک می‌کند.

جمع بندی تگ html

شما باید در تمام صفحات html خود بعد از تگ DOCTYPE از تگ html همراه با صفت lang استفاده بفرمایید تا مرورگر ها وب بودن صفحه را متوجه بشوند. بقیه تگ ها باید داخل آن نوشته شوند. در فایل های css یا استایل خطی و داخلی خود، در استایل های این دستور تغییری ایجاد نکنید.

تگ های شما زمانی در مرورگر اجرا خواهد شد که داخل این دستور نوشته شوند. در پایان اگر تا به حال منبع آموزشی خوبی برای یادگیری HTML پیدا نکردین، محصول ویدیویی زیر رو بهتون پیشنهاد می کنم که یک پکیج نفیس و کامل از آموزش صفر تا صد اچ تی ام ال است :

فیلم آموزش HTML به زبان ساده، کامل و جامع همراه با پروژه عملی به مدت زمان ۳ ساعت و ۳۰ دقیقه

منابع:

  1. https://www.w3schools.com/tags/tag_html.asp
  2. https://html.com/tags/
  3. https://www.javatpoint.com/html-html-tag
  4. https://www.geeksforgeeks.org/most-commonly-used-tags-in-html/
  5. free learn

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *