HTML – سربرگ (Header)

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>

این تگ‌ها به شما امکان می‌دهند تا اطلاعات مختلف را به صفحات وب خود اضافه کنید و تنظیمات مختلفی را انجام دهید.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.