عناصر الرأس في HTML
عنصر <head> في HTML
عنصر <head> هو وعاء لجميع عناصر الرأس. يمكن أن يحتوي عناصر <head> على سكربت، يحدد مكان العثور على القوائم النمطية، يقدم معلومات عنصرية، إلخ.
以下标签都可以添加到 head 部分：
、<base>、<link>、<meta>、<script> 以及 <style>。</p>
</div>
<div>
<h2>يمكن إضافة العلامات التالية إلى جزء head：<title>،<base>،<link>،<meta>،<script>،<style>.</h2>
<p>عنصر <title> في HTML</p>
<p>تعرف علامة <title> العنوان للوثيقة.</p>
<p>يعد عنصر title ضروريًا في جميع وثائق HTML/XHTML.</p>
<ul>
<li>يمكن لعنصر title القيام بما يلي:</li>
<li>يحدد عنوان الصفحة العنوان الذي يتم عرضه في شريط الأدوات للمتصفح</li>
<li>عنوان الصفحة الذي يتم عرضه عند إضافة الصفحة إلى المفضلة</li>
</ul>
<p>عنوان الصفحة الذي يتم عرضه في نتائج محركات البحث</p>
<pre class="language-html">
<!DOCTYPE html>
<html>
<head>
<title>عنوان الوثيقة</title>
</head>
<body>
محتوى الوثيقة......
</body>
</html>
</pre>
</div>
<div>
<h2>عنصر <base> في HTML</h2>
<p>تحدد علامة <base> العنوان الافتراضي أو الهدف الافتراضي (target) لجميع الروابط في الصفحة:</p>
<pre class="language-html">
<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>
</pre>
</div>
<div>
<h2>عنصر <link> في HTML</h2>
<p>تعرف علامة <link> العلاقة بين الوثيقة وال موارد الخارجية.</p>
<p>تستخدم علامة <link> غالبًا لربط النماذج النمطية:</p>
<pre class="language-html">
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
</pre>
</div>
<div>
<h2>عنصر <style> في HTML</h2>
<p>تستخدم علامة <style> لتعريف معلومات النمط للوثيقة HTML.</p>
<p>يمكنك تحديد النمط الذي يتم استخدامه لعرض عناصر HTML في المتصفح داخل عنصر style:</p>
<pre class="language-html">
<head>
<style type="text/css">
body {لون الخلفية:أصفر}
p {لون:أزرق}
</style>
</head>
</pre>
</div>
<div>
<h2>عنصر <meta> في HTML</h2>
<p>المعلومات المتدرجة (metadata) هي معلومات عن البيانات.</p>
<p>تقدم علامة <meta> معلومات عن الوثيقة HTML. لا تظهر المعلومات المتدرجة على الصفحة، ولكنها قابلة للقراءة من قبل الآلات.</p>
<p>في الحالات التقليدية، يتم استخدام عنصر meta لتعريف وصف الصفحة، الكلمات المفتاحية، مؤلف الوثيقة، وقت التعديل الأخير، والمعلومات المتدرجة الأخرى.</p>
<p>تكون علامة <meta> دائمًا في علامة head.</p>
<p>المعلومات المتعلقة بالمتدرجة يمكن استخدامها في المتصفحات (كيفية عرض المحتوى أو إعادة تحميل الصفحة)، محركات البحث (الكلمات المفتاحية)، أو خدمات الويب الأخرى.</p>
<h3>الكلمات المفتاحية الخاصة بالبحث</h3>
<p>استخدم بعض محركات البحث العناصر المرجعية name و content لفهرسة صفحتك.</p>
<p>تعريف العناصر meta التالية لتحديد وصف الصفحة:</p>
<pre class="language-html">
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
</pre>
<p>تعريف العناصر meta التالية لتحديد الكلمات المفتاحية للصفحة:</p>
<pre class="language-html">
<meta name="keywords" content="HTML, CSS, XML" />
</pre>
<p>تساهم خاصية name و content في وصف محتوى الصفحة.</p>
</div>
<div>
<h2>عنصر <script> HTML</h2>
<p>استخدام علامة <script> لتحديد سكربت العملاء، مثل JavaScript.</p>
<p>سنشرح عنصر script في الفصول القادمة.</p>
</div>
<div>
<h2>عناصر الرأس في HTML</h2>
<table class="dataintable">
<tr>
<th style="width:30%;">العلامة</th>
<th style="width:70%;">الوصف</th>
</tr>
<tr>
<td><a href="/ar/tags/tag_head.html" title="علامة <head> HTML"><head></a></td>
<td>تعريف معلومات الوثيقة.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_title.html" title="علامة <title> HTML"><title></a></td>
<td>تعريف عنوان العنوان للوثيقة.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_base.html" title="علامة <base> HTML"><base></a></td>
<td>تعريف عنوان أو هدف افتراضي لجميع الروابط في الصفحة.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_link.html" title="علامة <link> HTML"><link></a></td>
<td>تعريف العلاقة بين الوثيقة وال موارد الخارجية.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_meta.html" title="علامة <meta> HTML"><meta></a></td>
<td>تعريف البيانات المرجعية حول وثيقة HTML.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_script.html" title="علامة <script> HTML"><script></a></td>
<td>تعريف سكربت العملاء. مثل JavaScript.</td>
</tr>
<tr>
<td><a href="/ar/tags/tag_style.html" title="علامة <style> HTML"><style></a></td>
<td>تعريف معلومات النمط للوثيقة.</td>
</tr>
</table>
</div>
<div class="prenextnav">
<ul>
<li> الصفحة السابقة <a href="/ar/html/html_filepaths.html" title="مسار الملف في HTML">مسار HTML</a></li>
<li> الصفحة التالية <a href="/ar/html/html_layout.html" title="تخطيط HTML">تخطيط HTML</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> لوحة الأدوات </center><h3>
<h5 id="tools_reference"><a href="/ar/tags/index.html">دليل مرجع HTML</a></h5>
<h5 id="tools_example"><a href="/ar/html/html_examples.html">مثال HTML</a></h5>
<h5 id="tools_quiz"><a href="/ar/html/html_quiz.html">اختبار HTML</a></h5>
</div>
<div><h3><center> روابط الممولين </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
المحتوى الذي يقدمه CodeW3C.com مخصص فقط لتدريب والاختبار ولا يضمن دقة المحتوى. لا يتحمل الموقع أي مسؤولية عن المخاطر التي قد تنشأ عن استخدام محتوى هذا الموقع. حقوق الطبع والنشر محفوظة، احتفظوا بكافة الحقوق.
</p>
<p id="p2">
<a href="/ar/about/index.html" title="حول CodeW3C.com">حول CodeW3C.com</a>
<a href="/ar/about/about_helping.html" title="مساعدة CodeW3C.com">مساعدة CodeW3C.com</a>
<a href="/ar/about/about_use.html" title="حول الاستخدام">شروط الاستخدام</a>
<a href="/ar/about/about_privacy.html" title="حول الخصوصية">شروط الخصوصية</a>
<a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a>
<a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="مستند بواسطة Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>