آموزش تگ head در HTML
تگ <head> در HTML برای تعریف اطلاعات اصلی یک صفحه وب استفاده می‌شود. محتوای قرار گرفته در داخل این تگ، شامل اطلاعاتی مانند عنوان صفحه، اطلاعات متا، استایل‌های CSS، اسکریپت‌های جاوااسکریپت و دیگر اطلاعات مربوط به صفحه است. در اینجا به توضیح تمامی حالت‌ها و ویژگی‌های این تگ می‌پردازیم و هر کدام را با مثال توضیح می‌دهیم.
1. تگ title:
تگ <title> برای تعیین عنوان صفحه استفاده می‌شود. محتوای این تگ در نوار عنوان مرورگر نمایش داده می‌شود.
<head>
<title>عنوان صفحه</title>
</head>2. تگ‌های متا (Meta Tags):
تگ‌های متا اطلاعات مربوط به صفحه را تعیین می‌کنند، از جمله توضیحات، کلمات کلیدی، تعیین نویسنده، تعیین زبان و غیره.
<head>
<meta charset="UTF-8">
<meta name="description" content="توضیحات صفحه">
<meta name="keywords" content="کلمات کلیدی، کلمات اصلی">
<meta name="author" content="نام نویسنده">
</head>3. استایل‌های CSS:
استایل‌های CSS مورد استفاده در صفحه وب را مشخص می‌کنند. این استایل‌ها می‌توانند درون تگ <head> قرار بگیرند یا به صورت خارجی در فایل‌های CSS قرار گیرند و با استفاده از تگ <link> به صفحه متصل شوند.
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: blue;
}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>4. اسکریپت‌های جاوااسکریپت:
اسکریپت‌های جاوااسکریپت برای افزودن عملکرد تعاملی به صفحات وب استفاده می‌شوند. این اسکریپت‌ها می‌توانند درون تگ <head> قرار بگیرند یا به صورت خارجی در فایل‌های جاوااسکریپت قرار گیرند و با استفاده از تگ <script> به صفحه اضافه شوند.
<head>
<script type="text/javascript">
function myFunction() {
alert("Hello World!");
}
</script>
<script src="script.js" type="text/javascript"></script>
</head>5. دیگر ویژگی‌ها:
علاوه بر موارد فوق، تگ <head> دارای ویژگی‌های دیگری مانند lang برای تعیین زبان صفحه و base برای تعیین آدرس پایه صفحه می‌باشد.
<head lang="fa">
<base href="https://example.com">
</head>تگ <head> اساسی‌ترین بخش از یک صفحه HTML است که شامل اطلاعات اصلی و مرتبط با صفحه است. به وسیله این تگ، می‌توانید اطلاعات مورد نیاز برای بهبود سؤال‌های SEO، افزودن استایل به صفحه، و اضافه کردن اسکریپت‌های جاوااسکریپت را تعریف کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام