عنصر head در HTML
The title of a document
تگ <title> عنوان یک سند را تعریف می کند.
One target for all links
نحوه استفاده از تگ <base> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.
Document description
از عنصر <meta> برای توصیف سند استفاده کنید.
Document keywords
از عنصر <meta> برای تعریف کلمات کلیدی سند استفاده کنید.
Redirect a user
چگونه یک کاربر را به آدرس وب جدیدی redirect کنیم (تغییر مسیر دهیم)
عنصر <head> در HTML
عنصر <head> ظرفی برای تمام عناصر اصلی HTML می باشد. عناصر موجود در تگ <head> می توانند شامل script ها باشد، می تواند مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره.
تگ های <title> و <base> و <link> و <meta> و <script> و <style> می توانند به قسمت head اضافه شوند.
عنصر <title> در HTML
تگ <title> عنوان سند را تعریف می کند.
عنصر title در تمام سندهای HTML/XHTML ضروری است و نیاز است که همیشه نوشته شود.
عنصر title:
- یک عنوان را در نوار ابزار مرورگر تعریف می کند.
- هنگامی که می خواهید صفحه ای را به لیست favorite اضافه نمایید از محتویات عنصر title برای این منظور استفاده می شود.
- نتایج موتور های جستجو بر اساس محتویات عنصر title گزارش می شود.
یک سند ساده HTML
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
عنصر <base> در HTML
تگ <base> آدرس پیش فرض یا یک target پیش فرض را برای تمام لینک های یک صفحه مشخص می کند.
<base href="https://beyamooz.com/images/" />
<base target="_blank" />
</head>
عنصر <link> در HTML
تگ <link> ارتباط بین سند html و منبعی خارجی را تعریف می کند.
تگ <link> اغلب برای لینک به cssها استفاده می شود.
<link rel="stylesheet" type="text/css" href="/mystyle.css" />
</head>
عنصر <style> در HTML
تگ <style> برای تعریف اطلاعات نمایشی برای سند HTML استفاده می شود.
درون عنصر style، مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند.
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
عنصر <meta> در HTML
عنصر <meta> اطلاعاتی در مورد سند HTML فراهم می کند. این داده ها در صفحه، نمایش داده نمی شوند اما توسط ماشین قابل خواندن هستند.
عنصر <meta> نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.
تگ <meta> همیشه درون عنصر head می باشد.
داده های meta توسط مرورگر ها (جهت نحوه نمایش محتویات یا بار گذاری مجدد صفحه)، موتور های جستجو (جهت تعیین کلمات کلیدی) و دیگر سرویس های وب استفاده می شود.
کلمات کلیدی برای موتورهای جستجو
بعضی موتورهای جستجو از خصوصیت name و content عنصر meta برای شاخص گذاری صفحات استفاده می کنند.
مثال1: توضیحی از محتویات یک صفحه
مثال2: مشخص کردن کلمات کلیدی برای موتورهای جستجو
مثال3: مشخص کردن نویسنده یک صفحه
مثال4: Refresh کردن صفحه هر 30 ثانیه یکبار
عنصر <script> در HTML
تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript.
عنصر script در فصل بعد توضیح داده خواهد شد.
بخش Head
در جدول زیر، تمام تگ هایی که می توانید در بخش Head صفحه، استفاده کنید لیست شده است:
| Tag | توضیحات |
|---|---|
| <head> |
اطلاعاتی در مورد سند ارائه می دهد. |
| <title> |
عنوان یک سند را ارائه می دهد. |
| <base /> |
یک آدرس پیش فرض یا یک target پیش فرض برای تمام لینک های یک صفحه ارائه می دهد. |
| <link /> |
ارتباط بین یک سند و منبع خارجی را تعریف می کند. |
| <meta /> |
داده های meta در مورد یک سند HTML را مشخص می کند. |
| <script> |
برای برنامه نویسی سمت کاربر استفاده می شود. |
| <style> |
مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 39881
دیدگاه‌ها
سلام بنده کد های سایتتونو دیدم یجا زده بود متا با name generator این تگ بدرد چه کاری میخوره
برای معرفی نرم افزاری که سند به وسیله ی آن ایجاد شده است استفاده می شود. مثلا نام نرم افزار مذکور رو بعنوان مقدار، می تونیم به این تگ بدهیم. در سایت بیاموز به صورت زیر تنظیم شده است:
<meta name="generator " content="Beyamo oz.com" />
چرا برای تگ base خصوصیت href تعریف میکنیم ؟
برای جواب به سوال شما کاربر گرامی، قبل از هر چیز باید با تگ base آشنا شوید اما قبل از اون باید با آدرس دهی نسبی و مطلق آشنا شوید. بنابراین به توضیح زیر توجه فرمایید:
به دو صورت می توانیم ویژگی href را در تگ a آدرس دهی کنیم:
1- مطلق: در این روش، آدرس بصورت کامل ذکر می شود.
مثال: <a href="http://ww w.beyamooz.com/ php/myfile.php" > file </a>
توجه داشته باشید که در آدرس دهی مطلق حتما باید نوع پروتکل صفحات ذکر شود یعنی برای صفحات وب معمولی باید http و برای صفحات وب امنیتی https در آدرس گفته شود.
2- نسبی: در این روش آدرس را بصورت کامل ذکر نمی کنیم، در واقع، قسمت دامین یعنی http://www.beyamooz.com ذکر نمی شود. تصور نمایید که در فولدر manage هستیم و می خواهیم در فایل index.html از یک لینک استفاده کنیم. این لینک به فایلی در روت اصلی پروژه لینک است. بنابراین خواهیم داشت: <a href="/../user. html" > file </a> شاید بپرسید چرا به این صورت عمل می کنیم، و چرا آدرس کامل را ذکر نمی کنیم ...!؟ جواب اینکه اگر زمانی تصمیم بگیرید که پروژه تان را روی یک دامین دیگر قرار دهید و یا بخواهید پروژه را به یک مشتری دیگر بفروشید، آن موقع به مشکل برخواهید خورد و باید تمام آدرس دهی ها را با دامین جدید عوض کنید، در صورتی که در آدرس دهی نسبی، هیچ کار خاصی نیاز نیست که انجام دهید.
حالا برگردیم به سوال شما ...!
تگ base برای آدرس دهی های نسبی یک آدرس پیش فرض تعیین می کند، در واقع قسمت دامین را مشخص خواهد کرد.
توجه داشته باشید که یکی دیگر از قابلیت های تگ base تنظیم نحوه ی باز شدن مقصد تگ a است. یعنی اگر در تگ a ویژگی target را تنظیم نکرده باشید، بصورت پیش فرض، مقصد لینک مذکور در صفحه جاری باز خواهد شد، اما اگر میخواهید مقصد لینک در یک صفحه جدید باز شود فقط کافی است تگ base را بصورت زیر تنظیم نمایید:<base target="_blank" />
سلام می شه یه توضیح در مورد meta بدید ....که اصلا چیه؟ ؟
سلام، تگ های متا انواع مختلفی دارد که در اینجا چندتا از مهمترین هاش رو خدمتتون معرفی می کنم.
مثال 1: مشخص کردن کلمات کلیدی برای موتورهای جستجو:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
مثال 2: توضیحی از محتویات یک صفحه:
<meta name="descripti on" content="Free Web tutorials on HTML and CSS">
مثال 3: مشخص کردن نویسنده یک صفحه:
<meta name="author" content="Hege Refsnes">
مثال 4: Refresh کردن صفحه هر 30 ثانیه یکبار:
<meta http-equiv="ref resh" content="30"> ;
سلام
وقتی از تگ base برای آدرس دهی پوشه عکسام استفاده میکنم , تگ لینک به پوشه css دیگه کار نمیکنه و استایلام عمل نمی کنن. چطور میتونم دو تاشونو با هم تو head استفاده کنم؟
با سلام
اگر تگ base را به عنوان اولین عنصر در head قرار دهید سایر اجزای موجود در این بخش از اطلاعات base استفاده خواهند کرد.
سلام اگر بخواهیم تصویر لوگو کنار متن سربرگ title بیفتد چه کدی را باید وارد کنیم؟
سلام، از کد زیر در بخش head استفاده کنید:
< link rel="icon" type="image/x-i con" href="/images/b eyamooz.ico" />
سلام
آموزش عنصر head در HTML عالی بود.
با سلام و تشکر فراوان بابت زحمات شما
.
فکر میکنم در مثال One target for all links در قسمت باید از آدرس استفاده میکردید؟!
با سلام خدمت شما دوست گرامی
در کدوم قسمت از این صفحه رو میگید ؟
سلام دوست عزیز.
امکان هست دقیقا بگید، منظورتون چیه؟!
مشکل کجاست؟
سلام خسته نباشید ممنون از زحماتتون
تو این صفحه www.beyamooz.com/try_it_yourself/tryit.php?filename=tryhtml_base در خط چهارم که اون تصویر آدمک باید لود بشه برای بنده باز نمیشد که با قراردادن یک اسلش قبل از دابل کوتیشن دوم مشکل حل شد و آدمک نمایش داده شد
سلام، با تشکر از کاربر محترم Sina ...
مشکل برطرف شد.
سلام. من تگ base را متوجه نشدم، آدرسی که بصورت پیش فرض میدید برای چه منظور بکار برده میشه؟ یعنی اگر مثلا لینکی عمل نکرد به آدرس پیش فرض بره؟
سلام
اگر با نحوه ی آدرس دهی تگ a کاملاً آشنا بودید این سوال را نمی پرسیدید...!
به دو صورت می توانیم ویژگی href را در تگ a آدرس دهی کنیم:
1- مطلق: در این روش، آدرس بصورت کامل ذکر می شود.
مثال: <a href="http://ww w.beyamooz.com/ php/myfile.php" > file </a>
توجه داشته باشید که در آدرس دهی مطلق حتما باید نوع پروتکل صفحات ذکر شود یعنی برای صفحات وب معمولی باید http و برای صفحات وب امنیتی https در آدرس گفته شود.
2- نسبی: در این روش آدرس را بصورت کامل ذکر نمی کنیم، در واقع، قسمت دامین یعنی http://www.beyamooz.com ذکر نمی شود. تصور نمایید که در فولدر manage هستیم و می خواهیم در فایل index.html از یک لینک استفاده کنیم. این لینک به فایلی در روت اصلی پروژه لینک است. بنابراین خواهیم داشت: <a href="/../user. html" > file </a> شاید بپرسید چرا به این صورت عمل می کنیم، و چرا آدرس کامل را ذکر نمی کنیم ...!؟ جواب اینکه اگر زمانی تصمیم بگیرید که پروژه تان را روی یک دامین دیگر قرار دهید و یا بخواهید پروژه را به یک مشتری دیگر بفروشید، آن موقع به مشکل برخواهید خورد و باید تمام آدرس دهی ها را با دامین جدید عوض کنید، در صورتی که در آدرس دهی نسبی، هیچ کار خاصی نیاز نیست که انجام دهید.
حالا برگردیم به سوال شما ...!
تگ base برای آدرس دهی های نسبی یک آدرس پیش فرض تعیین می کند، در واقع قسمت دامین را مشخص خواهد کرد.
توجه داشته باشید که یکی دیگر از قابلیت های تگ base تنظیم نحوه ی باز شدن مقصد تگ a است. یعنی اگر در تگ a ویژگی target را تنظیم نکرده باشید، بصورت پیش فرض، مقصد لینک مذکور در صفحه جاری باز خواهد شد، اما اگر میخواهید مقصد لینک در یک صفحه جدید باز شود فقط کافی است تگ base را بصورت زیر تنظیم نمایید:<base target="_blank" />
سلام خسته نباشيد.
ميشه در تگ base، يو آر ال خاصي رو معين نكرد اما با نوشتن اين بخش تمام لينك ها رو در تب جديدي باز و از تكرار كد مذكور جلوگيري كرد؟
سلام، بله بصورت زیر عمل نمایید:<head>
<base target="_blank" />
</head>
1- تگ base برای لینک هایی که بصورت نسبی آدرس دهی شده اند یک آدرس پیشفرض مشخص می کند. آیا بقیه فولدر ها و فایلها نسیت به این آدرس از روت اصلی پیدا میشود؟
2-آیا نوشتن آن ضروریه ؟
3-اگر target پیشفرض را با تگ base مشخص کردیم، آیا می توان آنرا برای بعضی از لینک های خاص، عوض کرد؟
متشکرم
1- در هر جا از سند HTML که نیاز به آدرس دهی دارد (URL) مثل لینک ها، تصاویر و تمام فایل ها، اگر بصورت نسبی آدرس دهی شده باشد. با استفاده از تگ base، می توان يک URL هدف و پايه تعيين کرد.
برای کسب اطلاعات بیشتر در مورد تگ base به لینک زیر مراجعه فرمایید:
www.beyamooz.com/tags/312-html-tag/1934
2- خیر ضروی نیست.
3- بله، بعنوان مثال می توانیم برای لینک هایی که نمی خواهیم از target پیش فرض تبعیت کنند، ویژگی target را جداگانه تنظیم کرد:<a href="http://ww w.beyamooz.com" target="_blank" alt="BeYaMooZ" >beyamooz.co m</a>
اگه توی متن اصلی در body با استفاده از یه لینک بجز اون چیزی که توی تعریف کردیم وارد کنیم مشکلی پیش میاد و یه سوال دیگه اینکه try_it_yourself که بعد از آدرس نوشتین چیه ؟
متأسفانه متوجه سوالتون نشدم.
تو این کد،اولینbaseدقی قا کارش چیه؟
آدرسی که تو این baseنوشته میشه چی رو مشخص میکنه؟اگه به یه آدرس دیگه تغییر کنه چی میشه؟
روش های آدرس دهی در صفحات وب به دو صورت است:
1- مطلق: در این روش، آدرس باید بصورت کامل ذکر شود.
مثال: "href="http://www.beyamooz.com/php
توجه داشته باشید که در آدرس دهی مطلق حتما باید نوع پروتکل صفحات ذکر شود یعنی برای صفحات وب معمولی باید http و برای صفحات وب امنیتی https در آدرس گفته شود.
2- نسبی: تصور نمایید که در فولدر manage هستیم و می خواهیم در فایل index.html از یک لینک استفاده کنیم. این لینک به فایلی در روت اصلی پروژه لینک است. بنابریان خواهیم داشت: "href="../user.html
حالا برگردیم به سوال شما ...!
تگ base برای آدرس دهی های نسبی یک آدرس پیش فرض یا یک target پیش فرض مشخص می کند.