سبد خرید (0)

تبلیغات

عنصر head در HTML

مثال - خودتان امتحان کنید

Wiki

The title of a document
تگ <title> عنوان یک سند را تعریف می کند.

One target for all links
نحوه استفاده از تگ <base> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.

Document description
از عنصر <meta> برای توصیف سند استفاده کنید.

Document keywords
از عنصر <meta> برای تعریف کلمات کلیدی سند استفاده کنید.

Redirect a user
چگونه یک کاربر را به آدرس وب جدیدی redirect کنیم (تغییر مسیر دهیم)


عنصر <head> در HTML

Wiki

عنصر <head> ظرفی برای تمام عناصر اصلی HTML می باشد. عناصر موجود در تگ <head> می توانند شامل script ها باشد، می تواند مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره.

تگ های <title> و <base> و <link> و <meta> و <script> و <style> می توانند به قسمت head اضافه شوند.


عنصر <title> در HTML

Wiki

تگ <title> عنوان سند را تعریف می کند.

عنصر title در تمام سندهای HTML/XHTML ضروری است و نیاز است که همیشه نوشته شود.

عنصر title:

  • یک عنوان را در نوار ابزار مرورگر تعریف می کند.
  • هنگامی که می خواهید صفحه ای را به لیست favorite اضافه نمایید از محتویات عنصر title برای این منظور استفاده می شود.
  • نتایج موتور های جستجو بر اساس محتویات عنصر title گزارش می شود.

یک سند ساده HTML

Wiki

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

عنصر <base> در HTML

Wiki

تگ <base> آدرس پیش فرض یا یک target پیش فرض را برای تمام لینک های یک صفحه مشخص می کند.

<head>
<base href="http://www.beyamooz.com/images/" />
<base target="_blank" />
</head>

 عنصر <link> در HTML

Wiki

تگ <link> ارتباط بین سند html و منبعی خارجی را تعریف می کند.

تگ <link> اغلب برای لینک به cssها استفاده می شود.

<head>
<link rel="stylesheet" type="text/css" href="/mystyle.css" />
</head>

عنصر <style> در HTML

Wiki

تگ <style> برای تعریف اطلاعات نمایشی برای سند HTML استفاده می شود.

درون عنصر style، مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند.

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

عنصر <meta> در HTML

Wiki

عنصر <meta> اطلاعاتی در مورد سند HTML فراهم می کند. این داده ها در صفحه، نمایش داده نمی شوند اما توسط ماشین قابل خواندن هستند.

عنصر <meta> نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.

تگ <meta> همیشه درون عنصر head می باشد.

داده های meta توسط مرورگر ها (جهت نحوه نمایش محتویات یا بار گذاری مجدد صفحه)، موتور های جستجو (جهت تعیین کلمات کلیدی) و دیگر سرویس های وب استفاده می شود.


کلمات کلیدی برای موتورهای جستجو

Wiki

بعضی موتورهای جستجو از خصوصیت name و content عنصر meta برای شاخص گذاری صفحات استفاده می کنند.

مثال1: توضیحی از محتویات یک صفحه

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

مثال2: مشخص کردن کلمات کلیدی برای موتورهای جستجو

<meta name="keywords" content="HTML, CSS, XML" />

مثال3: مشخص کردن نویسنده یک صفحه

<meta name="author" content="Hege Refsnes">

مثال4: Refresh کردن صفحه هر 30 ثانیه یکبار

<meta http-equiv="refresh" content="30">

عنصر <script> در HTML

Wiki

تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript.

عنصر script در فصل بعد توضیح داده خواهد شد.


بخش Head

Wiki

در جدول زیر، تمام تگ هایی که می توانید در بخش Head صفحه، استفاده کنید لیست شده است:

Tag توضیحات
<head>

اطلاعاتی در مورد سند ارائه می دهد.

<title>

عنوان یک سند را ارائه می دهد.

<base />

یک آدرس پیش فرض یا یک target پیش فرض برای تمام لینک های یک صفحه ارائه می دهد.

<link />

ارتباط بین یک سند و منبع خارجی را تعریف می کند.

<meta />

داده های meta  در مورد یک سند HTML را مشخص می کند.

<script>

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

<style>

مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند.

دیدگاه‌ها  

+1 # نفیسه بختیاری 1396-06-01 18:43
چرا برای تگ base خصوصیت href تعریف میکنیم ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-06-02 15:12
برای جواب به سوال شما کاربر گرامی، قبل از هر چیز باید با تگ 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" />
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # shadmehr 1396-01-31 16:55
سلام می شه یه توضیح در مورد meta بدید ....که اصلا چیه؟ ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1396-02-02 08:48
سلام، تگ های متا انواع مختلفی دارد که در اینجا چندتا از مهمترین هاش رو خدمتتون معرفی می کنم.
مثال 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"> ;
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # .payam 1395-11-04 16:35
سلام
وقتی از تگ base برای آدرس دهی پوشه عکسام استفاده میکنم , تگ لینک به پوشه css دیگه کار نمیکنه و استایلام عمل نمی کنن. چطور میتونم دو تاشونو با هم تو head استفاده کنم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1395-11-05 08:49
با سلام
اگر تگ base را به عنوان اولین عنصر در head قرار دهید سایر اجزای موجود در این بخش از اطلاعات base استفاده خواهند کرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # M.c 1395-09-24 11:58
سلام اگر بخواهیم تصویر لوگو کنار متن سربرگ title بیفتد چه کدی را باید وارد کنیم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1395-09-24 15:56
سلام، از کد زیر در بخش head استفاده کنید:
< link rel="icon" type="image/x-i con" href="/images/b eyamooz.ico" />
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # مانی 1395-05-15 14:20
سلام
آموزش عنصر head در HTML عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # sina 1394-09-04 05:36
با سلام و تشکر فراوان بابت زحمات شما
.
فکر میکنم در مثال One target for all links در قسمت باید از آدرس استفاده میکردید؟!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # hamid fa 1394-09-04 11:02
با سلام خدمت شما دوست گرامی

در کدوم قسمت از این صفحه رو میگید ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مهرداد صلاحی 1394-09-04 09:41
سلام دوست عزیز.
امکان هست دقیقا بگید، منظورتون چیه؟!

مشکل کجاست؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # sina 1394-09-07 12:52
سلام خسته نباشید ممنون از زحماتتون
تو این صفحه www.beyamooz.com/try_it_yourself/tryit.php?filename=tryhtml_base در خط چهارم که اون تصویر آدمک باید لود بشه برای بنده باز نمیشد که با قراردادن یک اسلش قبل از دابل کوتیشن دوم مشکل حل شد و آدمک نمایش داده شد
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1394-09-07 13:25
سلام، با تشکر از کاربر محترم Sina ...
مشکل برطرف شد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # minaa 1394-03-02 10:29
سلام. من تگ base را متوجه نشدم، آدرسی که بصورت پیش فرض میدید برای چه منظور بکار برده میشه؟ یعنی اگر مثلا لینکی عمل نکرد به آدرس پیش فرض بره؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1394-03-03 22:19
سلام
اگر با نحوه ی آدرس دهی تگ 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" />
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # mostafa 1394-01-20 11:34
سلام خسته نباشيد.
ميشه در تگ base،‌ يو آر ال خاصي رو معين نكرد اما با نوشتن اين بخش تمام لينك ها رو در تب جديدي باز و از تكرار كد ‌مذكور جلوگيري كرد؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1394-01-21 10:41
سلام، بله بصورت زیر عمل نمایید:<head>
<base target="_blank" />
</head>
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # raghb 1393-12-10 01:01
1- تگ base برای لینک هایی که بصورت نسبی آدرس دهی شده اند یک آدرس پیشفرض مشخص می کند. آیا بقیه فولدر ها و فایلها نسیت به این آدرس از روت اصلی پیدا میشود؟
2-آیا نوشتن آن ضروریه ؟
3-اگر target پیشفرض را با تگ base مشخص کردیم، آیا می توان آنرا برای بعضی از لینک های خاص، عوض کرد؟
متشکرم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1393-12-10 09:51
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>
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # Reza Bahrami 1393-12-08 20:36
اگه توی متن اصلی در body با استفاده از یه لینک بجز اون چیزی که توی تعریف کردیم وارد کنیم مشکلی پیش میاد و یه سوال دیگه اینکه try_it_yourself که بعد از آدرس نوشتین چیه ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1393-12-09 15:12
متأسفانه متوجه سوالتون نشدم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # مانی 1393-11-13 09:00
تو این کد،اولینbaseدقی قا کارش چیه؟
آدرسی که تو این baseنوشته میشه چی رو مشخص میکنه؟اگه به یه آدرس دیگه تغییر کنه چی میشه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1393-11-13 12:00
روش های آدرس دهی در صفحات وب به دو صورت است:
1- مطلق: در این روش، آدرس باید بصورت کامل ذکر شود.
مثال: "href="http://www.beyamooz.com/php
توجه داشته باشید که در آدرس دهی مطلق حتما باید نوع پروتکل صفحات ذکر شود یعنی برای صفحات وب معمولی باید http و برای صفحات وب امنیتی https در آدرس گفته شود.
2- نسبی: تصور نمایید که در فولدر manage هستیم و می خواهیم در فایل index.html از یک لینک استفاده کنیم. این لینک به فایلی در روت اصلی پروژه لینک است. بنابریان خواهیم داشت: "href="../user.html
حالا برگردیم به سوال شما ...!
تگ base برای آدرس دهی های نسبی یک آدرس پیش فرض یا یک target پیش فرض مشخص می کند.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی HTML

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت پرداخت آنلاین - بانک پارسیان پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان