تعليمية HTML أساسية

وسائل الاعلام HTML

عنصر <head> هو حاوي لجميع عناصر الرأس. يمكن أن يحتوي عناصر <head> على سكربت، يشير إلى حيث يمكن العثور على القوائم النمطية، يقدم معلومات متعددة أخرى.

<title> - يحدد عنوان مستند HTML
استخدم علامة <title> لتعريف عنوان مستند HTML

<base> - يحدد عنوان URL لجميع الروابط
استخدم <base> لتحديد عنوان الهدف الافتراضي لجميع الروابط في الصفحة.

يُشمل عنصر <head> جميع علامات العناصر في الرأس، في يمكنك إدراج سكريبت (scripts) وملفات النمط (CSS) ومعلومات meta المختلفة في عنصر <head>.

يمكن إضافة علامات العناصر في منطقة الرأس هي: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, و <base>.

تعرف علامة <title> عنوان المستندات المختلفة.

يُعتبر علامة <title> مطلوبة في مستندات HTML/XHTML.

عنصر <title>

مستند HTML بسيط:

مثال

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>عنوان مستند HTML</title>
</head>
　
<body>
محتويات مستند HTML......
</body>
　
</html>

يُ�述 علامة <base> عنوان العنوان الأساسي/الهدف للروابط، وتعمل هذه العلامة كعنوان افتراضي لجميع علامات الروابط في مستند HTML:

<head>
<base href="https://ar.oldtoolbag.com/images/" target="_blank">
</head>

تعرف علامة <link> العلاقة بين المستند وال موارد الخارجية.

يُستخدم علامة <link> عادةً للروابط إلى قوائم النمط:

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

تُحدد علامة <style> عنوان ملف النمط المُستخدم في ملف HTML.

يمكنك أيضًا إضافة أنماط مباشرة إلى عنصر <style> لتطبيقها على مستند HTML:

<head>
<style type="text/css">
/*تحديد لون خلفية الصفحة*/
body {background-color:red}
p {color:green}
</style>
</head>

توضح بطاقة meta بيانات الوصف الأساسية.

تقدم بطاقة <meta> البيانات الوصفية. لا تظهر البيانات الوصفية على الصفحة، لكن يتم تحليلها من قبل المتصفح.

يستخدم عنصر META لتعريف وصف الصفحة، الكلمات المفتاحية، وقت آخر تعديل الملف، مؤلف، وبيانات إضافية.

يمكن استخدام البيانات الوصفية للبrowsers (كيفية عرض المحتوى أو إعادة تحميل الصفحة)، محركات البحث (الكلمات المفتاحية)، أو خدمات الويب الأخرى.

توضع بطاقة <meta> عادة في منطقة <head>.

تحديد الكلمات المفتاحية للبحث عن محركات البحث (keywords):

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

تحديد محتوى الوصف للصفحة (description):

<meta name="description" content="تعليميات مجانية عبر الإنترنت">

تحديد التكيف مع الهاتف المحمول والكمبيوتر للصفحة (viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

تعريف مؤلف الصفحة (author):

<meta name="author" content="w3codebox">

تحديث الصفحة الحالية كل 10 ثانية (Refresh):

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

استخدام بطاقة <script> لتحميل ملفات السكربت، مثل: JavaScript.

بطاقة	وصف
<head>	تعريف معلومات المستند
<title>	تعريف عنوان المستند
<base>	تعريف عنوان الارتباط الافتراضي لبطاقة الصفحة
<link>	تعريف علاقة مستند وإجراءات خارجية
<meta>	يحدد بيانات Metadata في مستند HTML
<script>	ملف السكربت الذي يحدد السكربت على الجهاز
<style>	ملف النمط الذي يحدد نمط مستند HTML