تگ های مهم
تگ های مهم، از پرکاربردترین آن ها می توان به تگ هایی چون <html>، <head>، title>> و تگ b>> اشاره کرد.
برای یادگیری و مشاوره در دوره های پاورمیل، ریکت، NX و جاوا اسکریپت به صورت پروژه محور با آموزش برنامه نویسی در کرج تماس بگیرید.
تگ های پرکاربرد و مهم (HTML) کدامند؟
از آنجا که html در صفحات وب به شکل زبان اصلی ساختاردهی محتوا می باشد. در این زبان برای تعریف بعضی از عناصر مثل متن، تصاویر، لینک و همچنین جدول ها از یک سری تگ های مختلفی استفاده می شود.
این تگ ها در html به صورت زاویه باز < و بسته > می شود. و محتوا داخل این زاویه به شکل تگ مشخص می شود. در ادامه این مطالب، به بررسی مهمترین تگ ها می پردازیم:
- tag <html>: این تگ به عنوان مادر تمامی تگ های یک صفحه در وب می باشد. همین طور این تگ به عنوان بزرگترین تگ در ساختار HTML شناخته شده است. به این دلیل که تمامی تگ ها باید داخل آن قرار بگیرند. <htm1> به مرورگر خبر می دهد که سند مورد نظر یک سند HTML می باشد. و فقط محتوا و دستورات داخل این تگ، برای مرورگر قابل پردازش و نمایش می باشد ( خود تگ نمایش داده نمی شود)
پس به طور کلی می توان گفت این تگ آغاز و پایان یک سند HTML را برای مرورگر مشخص خواهد کرد. به این شکل که، اول سند با تگ باز <html1> شروع شده و سایر تگ و کدها داخل آن نوشته می شوند. در انتها سند با یک تگ <html1> خاتمه می یابد.
نکته مهم این است که تمام تگ‌های HTML باید درون تگ <html> قرار بگیرند تا مرورگر بتواند آن‌ها را به عنوان بخشی از یک سند HTML شناسایی و پردازش کند.
- Tag <head>: این تگ قسمتی از سند HTML می باشد که شامل اطلاعات متا (metadata) می شود. تگ هایی مثل <meta>، title>> و همچنین تگ <link> جز تگ <head> می باشند. درست است این تگ برای کاربران قابل مشاهده نیست، اما برای مرورگرها از اهمیت بالایی برخوردار می باشد.
- Tag <title>: جایگای این تگ داخل تگ <head> است. و عنوان صفحه وب را مشخص خواهد کرد. از کاربردای این تگ، برای بهبود سئو(SEO ) سایت نقش مهمی ایفا می کند. این تگ در سربرگ مرورگر قابل مشاهد می باشد.
- Tag <meta>: از کاربردای این تگ می توان به مشخص کردن نوع محتوای صفحه، تنظیمات زبان، کلید واژه ها و همچنین توضیحات صفحه اشاره کرد.
ومورد استفاده برای ارئه اطلاعات در مورد صفحه به مرورگر و همچنین موتورهای جستجو می باشد.
- Tag <body>: این تک یکی از مهمترین ها به شمار می رود چون این قسمت بدن یک سایت می باشد و تمامی متن ها، تصاویرها، لینک ها و هرآنچه که قابل مشاهده در صفحه وب است، داخل این تگ قرار می گیرد.
- Tag <h1> الی <h6>: این تگ ها برای نمایش دادن عنوان ها و زیر عنوان ها در یک صفحه وب مورد استفاده قرار می گیرند. که تگ <h1> به عنوان بزرگترین و مهمترین تگ و <h6> به عنوان کوچکترین تگ شناخته شده اند. این تگ ها علاوه بر نشان دادن به صفحه نمایشگر، بلکه به موتورهای جستجو هم کمک زیادی می کنند تا ساختار صفحه را بشناسند.
- Tag <p>: از این تگ برای ایجاد پراگراف و همچنین برای قالب بندی متن ها استفاده می کنند.
- Tag <a>: این تگ به عنوان تگ لینک ( anchor) شناخته شده است. وقتی بخواهیم به صفحه ای لینک بدهیم از این تگ استفاده می شود. از ویژگی آن، href است که آدرس مقصد لینک را برایمان مشخص می کند.
- Tag <img>: از این تگ برای نمایش دادن تصویر در صفحه وب استفاده می شود. از ویژگی این تگ دارا بودن src یعنی آدرس تصویر و alt متن جایگزین برای وقتی که عکس لود نمی شود.
- Tag <footer>: این تگ در قسمت پایان یک صفحه وب سایت نمایش داده می شود. معمولا شامل اطلاعاتی مثل کپی رایت و لینک های مربوط یا اطلاعات تماس می باشد.
تگ cite چیست؟
تگ cite برعکس اسمش ربطی به cite ندارد. این تگ برای اثر هنری هست مثل نقاشی داخل سایت، درباره ی نقاشی یا اثر هنری نوشته می شود مثلا داخل آن نام سازنده، سال ساخت و… داخل آن قرار می دهند.
تگ bdo چیست؟
تگ <bdo> استفاده ی زیادی در برنامه نویسی ندارد اما تگ جالبی میتونه برای بعضی ها باشد. و این تگ شامل تگ باز و بسته است.
کار تگ <bdo> چیست؟
- متن را برعکس می کند
- میتواند نه بلکه متن حتی کلمه هم برعکس کند.
- از این تگ استفاده چندانی نمی شود، اما کد جالبی می تواند باشد <bdo>
تگ address چیست؟
تگ <address> برای انتخاب مشخصات نویسنده مقاله یا صفحه سایت استفاده می شود. تگ<address> می تواند شامل چند نوع مورد نیاز مانند؛ آدرس فیزیکی، شماره تلفن، ایمیل، موارد دیگر و … باشد.
تگ <address> برای متن های مختلف از جمله مشخصات، تماس شرکت در صفحه یا مشخصات تماس مربوط به نویسنده یا شرکت و … را داخل آن قرار داد.
تگ p چیست؟
تگ <p> به معنی پاراگراف هستش این تگ از <Paragraph> این حرف بهره یا همان ایده گرفته اند.
که این تگ در تگ abbr میتونه کمک شما بکند این
تگ abbr چیست؟
تگ abbr یا abbr titel برای مخفف کردن نوشته ای است.
مثل html زمانی که ما از تگ abbr یا abbr titel استفاده بکنیم بعد روی html چند ثانیه وایسیم برای ما اسم کامل آن یعنی (Hyper Text Markup Language ) را برای شما نشان می دهد. و اینکه این تگ در تگ <p> قرار داده می شود.
تگ blackguote چیست ؟
تگ <blackguote> به معنی نقل و قول در برنامه نوسی می باشد.
مثال:
- این تگ دارای یک تگ بسته و یک تگ باز است.
- نقل و قول به این معنی است شما از از سایتی برداشت کنید یا بهره برداری کنید
نتیجه گیری: کاربران عزیز، در این مقاله شما را تا حدودی با تگ های مهم HTML آشنا شدید. اما بازهم تگ هایی دیگری وجود دارد که باید آن ها را عمیق تر مورد بررسی قرار داد. با سایت آموزشکده با ما همرا شوید.
