Header یک بخش از صفحه وب است که عموماً در بالای صفحه قرار دارد و شامل عناصری مانند لوگو، منو، عنوان و یا دیگر اطلاعات مهم است. Header به کاربران کمک می‌کند تا به راحتی به اطلاعات کلیدی دسترسی پیدا کنند و به سایر بخش‌های وبسایت یا صفحه بروند.
مثال:
<header>
<h1>سایت من</h1>
<nav>
<ul>
<li><a href="/">صفحه اصلی</a></li>
<li><a href="/about">درباره ما</a></li>
<li><a href="/contact">تماس با ما</a></li>
</ul>
</nav>
</header>
تگ title
این تگ برای تعیین عنوان صفحه استفاده می‌شود که در نوار عنوان مرورگر نمایش داده می‌شود و همچنین برای بهبود بهینه سازی موتورهای جستجو از آن استفاده می‌شود.
مثال:
<head>
<title>عنوان صفحه</title>
</head>
تگ meta
این تگ برای تعیین متا داده‌ها استفاده می‌شود که شامل اطلاعاتی مانند توضیحات صفحه، کلمات کلیدی، نویسنده و … است.
مثال:
<head>
<meta charset="UTF-8">
<meta name="description" content="توضیحات صفحه">
<meta name="keywords" content="کلمات کلیدی، موضوع، صفحه">
<meta name="author" content="نام نویسنده">
</head>
تگ base
این تگ برای تعیین URL پایه برای تمامی آدرس‌های URL نسبت به صفحه مورد استفاده قرار می‌گیرد.
مثال:
<head>
<base href="https://example.com/">
</head>
تگ link
این تگ برای ارتباط صفحه فعلی با فایل‌های خارجی مانند فایل‌های CSS، فونت‌ها و آیکون‌ها استفاده می‌شود.
مثال:
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
تگ style
این تگ برای تعیین سبک‌های CSS برای استفاده مستقیم در صفحه وب استفاده می‌شود.
مثال:
<head>
<style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
</style>
</head>
تگ script
این تگ برای اضافه کردن اسکریپت‌های جاوااسکریپت به صفحه استفاده می‌شود.
مثال:
<body>
<script>
console.log("Hello, World!");
</script>
</body>
این تگ‌ها به شما امکان می‌دهند تا اطلاعات مختلف را به صفحات وب خود اضافه کنید و تنظیمات مختلفی را انجام دهید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام