HTML Computer Code Elements
در HTML، عناصر مختلفی برای ساختاردهی و فرمت‌بندی محتوا در یک صفحه وب استفاده می‌شود. در اینجا یک بررسی از برخی عناصر اساسی HTML که معمولاً در توسعه وب استفاده می‌شوند، آورده شده است:
▎ساختار پایه سند HTML
<!DOCTYPE html>
<html lang=“fa”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>عنوان سند</title>
</head>
<body>
<!– محتوا در اینجا قرار می‌گیرد –>
</body>
</html>
▎عناصر رایج HTML
1. عنوان‌ها: برای تعریف عنوان‌ها و زیرعنوان‌ها استفاده می‌شود.
<h1>عنوان اصلی</h1>
<h2>زیرعنوان</h2>
<h3>زیرزیرعنوان</h3>
2. پاراگراف‌ها: برای بلوک‌های متنی استفاده می‌شود.
<p>این یک پاراگراف از متن است.</p>
3. لینک‌ها: برای ایجاد هایپرلینک‌ها استفاده می‌شود.
<a href=“https://www.example.com”>به Example.com مراجعه کنید</a>
4. تصاویر: برای درج تصاویر استفاده می‌شود.
<img src=“image.jpg” alt=“توضیحات تصویر”>
5. لیست‌ها: برای لیست‌های مرتب و نامرتب استفاده می‌شود.
• لیست نامرتب:
<ul>
<li>آیتم ۱</li>
<li>آیتم ۲</li>
<li>آیتم ۳</li>
</ul>
• لیست مرتب:
<ol>
<li>آیتم اول</li>
<li>آیتم دوم</li>
<li>آیتم سوم</li>
</ol>
6. تقسیم‌ها: برای گروه‌بندی محتوا استفاده می‌شود.
<div>
<h2>عنوان بخش</h2>
<p>محتوای اینجا قرار می‌گیرد.</p>
</div>
7. اسپان‌ها: برای گروه‌بندی محتوای درون‌خطی استفاده می‌شود.
<p>این یک متن <span style=“color: red;”>قرمز</span> در یک پاراگراف است.</p>
8. فرم‌ها: برای جمع‌آوری ورودی کاربر استفاده می‌شود.
<form action=“/submit” method=“POST”>
<label for=“name”>نام:</label>
<input type=“text” id=“name” name=“name”>
<input type=“submit” value=“ارسال”>
</form>
9. جدول‌ها: برای نمایش داده‌های جدولی استفاده می‌شود.
<table>
<tr>
<th>عنوان ۱</th>
<th>عنوان ۲</th>
</tr>
<tr>
<td>داده ۱</td>
<td>داده ۲</td>
</tr>
</table>
10. نقل‌قول‌ها: برای نقل‌قول متن از منابع دیگر استفاده می‌شود.
<blockquote cite=“https://www.example.com”>
این یک نقل‌قول از منبع خارجی است.
</blockquote>
11. قوی و تأکید: برای تأکید بر روی متن استفاده می‌شود.
<strong>این متن قوی است.</strong>
<em>این متن تأکید شده است.</em>
12. کد: برای نمایش قطعه‌های کد استفاده می‌شود.
<code>console.log(‘سلام، دنیا!’);</code>
▎عناصر معنایی HTML
عناصر معنایی به وضوح معنی خود را به صورت قابل خواندن توسط انسان و ماشین توصیف می‌کنند.
1. سرصفحه: نمایانگر محتوای ابتدایی یا لینک‌های ناوبری است.
<header>
<h1>عنوان وب‌سایت</h1>
<nav>…</nav>
</header>
2. پاورقی: نمایانگر پاورقی یک بخش یا صفحه است.
<footer>
<p>© 2023 شرکت شما</p>
</footer>
3. مقاله: نمایانگر یک ترکیب مستقل است.
<article>
<h2>عنوان مقاله</h2>
<p>این محتوای مقاله است.</p>
</article>
4. بخش: نمایانگر گروه‌بندی موضوعی محتوا است.
<section>
<h2>عنوان بخش</h2>
<p>محتوای مربوط به این بخش.</p>
</section>
5. کنار: نمایانگر محتوایی است که به طور غیرمستقیم با محتوای اطراف مرتبط است.
<aside>
<h3>اطلاعات مرتبط</h3>
<p>این اطلاعاتی مرتبط است.</p>
</aside>
▎نتیجه‌گیری
این عناصر HTML پایه و اساس توسعه وب را تشکیل می‌دهند و به توسعه‌دهندگان این امکان را می‌دهند که صفحات وب ساختارمند و معناداری ایجاد کنند. با استفاده مناسب از این عناصر، می‌توانید دسترسی و سئو (بهینه‌سازی موتور جستجو) وب‌سایت خود را بهبود ببخشید.
دیدگاهتان را بنویسید