برچسب گذاری در HTML
برچسب گذاری در HTML یک فرآیند مهم برای ساختار دادن به محتوای وب است. برچسب ها به مرورگر وب دستور می دهند که چگونه عناصر صفحه را نمایش دهد.
انواع برچسب ها
- برچسب های بلاک: عناصر صفحه را در یک بلوک جداگانه نمایش می دهند.
- برچسب های خطی: عناصر صفحه را در یک خط نمایش می دهند.
- برچسب های خالی: عناصر صفحه که محتوایی ندارند، مانند خطوط افقی یا شکستگی خط.
- برچسب های سربست: عناوین، فهرست ها و سایر عناصر سربست را نشان می دهند.
- برچسب های جریان: عناصر صفحه را به صورت منطقی در یک صفحه مرتب می کنند.
هر برچسب از یک نام باز و یک نام بسته تشکیل شده است. مثلا برچسب پاراگراف به صورت
باز شده و به صورت
بسته می شود.
ساختار برچسب ها
ساختار کلی یک برچسب به صورت زیر است:
<نام برچسب> محتوای برچسب </نام برچسب>
به عنوان مثال، برچسب پاراگراف زیر محتوای “Hello World!” را در یک پاراگراف نمایش می دهد:
نمونه کد
<p>Hello World!</p>
برچسب گذاری در HTML
برچسب گذاری در HTML، ساختار و محتوای یک صفحه وب را مشخص می کند. برچسب ها عناصر HTML را تعریف می کنند و به مرورگر دستور می دهند که چگونه این عناصر را نمایش دهد.
هر عنصر HTML با یک برچسب باز و یک برچسب بسته مشخص می شود. محتوای عنصر بین برچسب های باز و بسته قرار می گیرد.
برچسب
برچسب
مثال:
<label for="name">نام:</label>
<input type="text" id="name">
برچسب گذاری در HTML
برچسب ها عنصر سازنده صفحات وب هستند. آنها به مرورگر نحوه نمایش محتوا را می گویند.
برچسب های اساسی
برخی از رایج ترین برچسب های HTML عبارتند از:
– <html> ریشه سند HTML است.
– <head> شامل اطلاعاتی در مورد سند، مانند عنوان و سبک است.
– <body> شامل محتوای اصلی صفحه است.
برچسب های سرصفحه
برچسب های سرصفحه اهمیت نسبی بخش های محتوا را نشان می دهند.
– <h1> مهم ترین سرصفحه است.
– <h2> اهمیت کمتری نسبت به <h1> دارد.
– <h3> اهمیت کمتری نسبت به <h2> دارد و به همین ترتیب ادامه می یابد.
برچسب گذاری در HTML
برچسب گذاری (Tagging) در HTML یکی از جنبه های مهم کدنویسی وب است که به سازماندهی و تعیین ساختار محتوا در یک سند HTML کمک می کند.
استفاده از برچسب ها برای ساختار محتوایی
HTML از مجموعه ای از برچسب ها برای تعیین بخش های مختلف یک سند وب استفاده می کند. به عنوان مثال، برچسب <header>
برای محتوای هدر، برچسب <article>
برای محتوای اصلی مقاله و برچسب <footer>
برای محتوای پاورقی استفاده می شود.
انواع برچسب ها
دو نوع اصلی برچسب در HTML وجود دارد:
- برچسب های باز و بسته: برچسب هایی که در جفت های باز و بسته مانند
<p>
و</p>
استفاده می شوند و محتوایی را در بر می گیرند. - برچسب های خودبسته: برچسب هایی که تگ پایان ندارند و به صورت واحد استفاده می شوند، مانند
<br>
که برای ایجاد یک خط جدید استفاده می شود.
برچسب گذاری صحیح محتوا باعث ایجاد ساختار مناسب در سند HTML می شود که به مرورگرها اجازه می دهد محتوا را به درستی نمایش دهند و در دسترس بودن آن را برای موتورهای جستجو و کاربران فناوری کمکی افزایش می دهد.
برچسب گذاری در HTML
برچسب گذاری یا HTML Tagging مفهومی اساسی در طراحی و توسعه وب است که به ساختاردهی محتوا و نمایش آن در مرورگر کمک می کند. برچسب ها به مرورگر می گویند که چگونه محتوا را تفسیر کرده و به نمایش بگذارد.
برچسب های اساسی
<html>
و </html>
این برچسب ها شروع و پایان سند HTML را مشخص می کنند.
<head>
و </head>
این برچسب ها حاوی اطلاعات متا در مورد سند، مانند عنوان، توضیحات و استایل ها هستند.
<body>
و </body>
این برچسب ها محتوای قابل مشاهده در سند HTML را در بر می گیرند.
برچسب گذاری در HTML
HTML یا HyperText Markup Language زبانی برای نشانه گذاری ابرمتن است که برای ایجاد ساختار و محتوای صفحات وب استفاده می شود. یکی از مهمترین عناصر HTML برچسب ها هستند که به ساختار و معنای صفحه وب کمک می کنند.
انواع برچسب ها
دو نوع اصلی برچسب HTML وجود دارد:
1. برچسب های ابتدایی: برچسب های ابتدایی یک عنصر HTML را آغاز می کنند و با یک علامت اسلش (/) به دنبال نام برچسب به پایان می رسند. به عنوان مثال، برچسب ابتدایی برای عنوان صفحه <title>
است.
2. برچسب های انتهایی: برچسب های انتهایی یک عنصر HTML را به پایان می رسند و با همان نام برچسب ابتدایی به دنبال یک علامت اسلش (/) آغاز می شوند. به عنوان مثال، برچسب انتهایی برای عنوان صفحه </title>
است.
سینتکس برچسب ها
سینتکس کلی یک برچسب HTML به صورت زیر است:
<نام برچسب attributes>محتویات برچسب</نام برچسب>
attributes ویژگی های اختیاری هستند که می توانند به یک برچسب اضافه شوند تا رفتار یا ظاهر آن را تغییر دهند. آنها به صورت جفت نام و مقدار نوشته می شوند، مانند style="color: red;"
.
برچسب گذاری HTML
برچسب گذاری HTML روشی برای افزودن ساختار و معنی به محتوای وب است. با استفاده از برچسب ها، می توانید بخشهای مختلف صفحه وب مانند عنوان، پاراگراف، لیست و غیره را تعریف کنید.
استفاده از برچسب ها
برچسب ها به صورت جفت باز و بسته استفاده می شوند. برچسب باز دارای نام برچسب است که با یک علامت کمتر از (<) شروع می شود و برچسب بسته دارای همان نام با علامت اسلش (/) در ابتدا است که با علامت بزرگتر از (>) خاتمه می یابد.
برای مثال، برای تعریف یک عنوان از برچسب
استفاده می کنیم:
<h1>عنوان وبلاگ</h1>
انواع برچسب ها
<h1>عنوان وبلاگ</h1>
انواع مختلفی از برچسب ها در HTML وجود دارد که برای مقاصد مختلف استفاده می شوند. برخی از رایج ترین آنها عبارتند از:
<head>
و</head>
: بخش head اطلاعات مربوط به صفحه وب مانند عنوان، نویسنده و کلمات کلیدی را در بر می گیرد.<body>
و</body>
: بخش body محتوای قابل مشاهده صفحه وب مانند متن، تصاویر و ویدیوها را در بر می گیرد.<p>
و</p>
: برچسب پاراگراف برای تعریف پاراگراف های متن استفاده می شود.<h1>
،<h2>
،<h3>
، و غیره: برچسب های هدر برای تعریف عنوان ها و زیرعنوان ها در اندازه های مختلف استفاده می شوند.<ul>
و</ul>
: برچسب لیست بدون ترتیب برای ایجاد لیست های گلوله ای استفاده می شود.
برچسب گذاری در HTML
برچسب ها در HTML عناصر ساختاری محتوا را تعریف می کنند. آنها با علامت “<" شروع شده و با علامت ">” پایان می یابند. محتوای متن بین این دو علامت قرار می گیرد.
برچسب های پایه
برخی از مهم ترین برچسب های HTML عبارتند از:
لیست عناصر صفحه با تگ <html>
شروع و با تگ </html>
خاتمه می یابد.
بخش head شامل اطلاعات متا مانند عنوان صفحه است. با <head>
شروع و با </head>
خاتمه می یابد.
اطلاعات اصلی صفحه از تگ <body>
تا </body>
قرار می گیرد.
برچسب های عنوان
برچسب های عنوان سطوح مختلف عنوان را در صفحه ایجاد می کنند:
<h1>
مهم ترین عنوان است و <h6>
کم اهمیت ترین عنوان محسوب می شود.
این برچسب ها به ترتیب در تگ های </h1>
تا </h6>
خاتمه می یابند.