تگ <head></head> در html - وب سایت PNLdev

نمونه کد

A simple <head> tag that open PNLdev.com link:

<head>
<title>Title of the HTML document</title>
</head>

آزمایشگاه

تعریف و کاربرد

تگ <head> بخشی را در سند های html برای وارد کردن اطلاعاتی با نام فراداده فراهم می کند که بین تگ های <html> و <body> سند مربوطه قرار دارد.

فراداده ها یا تگ های <meta> به کاربر نمایش داده نخواهد شد و برای مروگر ها استفاده می شود.

تگ های زیر داخل بخش <head> قرار میگیرند:

تگ <title>
تگ <style>
تگ <base>
تگ <meta>
تگ <script>
تگ <noscript>

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<head>

ویژگی های سراسری

تگ head از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ head از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

HTML <head> تگ استفاده از تگ <style> در تگ <head>

<head>
    <style>
        p{
            color: blue;
            border: 1px solid black;
            border-radius: 5px;
            width: 186px;
            padding: 2px; 
        }
    </style>
</head>
<body>
    <p>Welcome to the PlNdev site</p>
</body>

آزمایشگاه

نمونه کد

HTML <head> تگ استفاده از تگ <link> در تگ <head>

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Hello, welcome to the PNLdev website.</h1>
    <h2>This is an example for a link tag in a head tag.To read more,
        <a href="https://pnldev.com/fa/reference/html/head-tag">
         	click here.
        </a>
    </h2>
</body>

آزمایشگاه

نمونه کد

HTML <head> تگ استفاده از تگ <meta> در تگ <head>

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Free web programming reference">
    <meta name="keywords" content="html, head, meta">
    <meta name="author" content="Ali heydari">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        Using the meta tag, we can specify attributes such as description text, keywords, display settings, etc.
    </p>
</body>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ head را با استایل پیشفرض زیر نمایش می دهند:

head {
	display: none;
}

تگ <head> در HTML <head></head> tag HTML

نمونه کد

تعریف و کاربرد

سازگاری با مرورگر

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

نمونه کد

نمونه کد

استایل css پیش فرض

تگ <head> در HTML
<head></head> tag HTML