راس صفحة HTML

راس صفحة اتش تي ام ال Html Head


العنصر head 

عنصر <head> هو حاوية للبيانات الوصفية او الميتاداتا (بيانات حول البيانات) ويتم وضعه بين العلامة <html> والعلامة <body>

بيانات تعريف HTML هي بيانات حول مستند HTML لا يتم عرض البيانات التعريفية.

تحدد البيانات التعريفية عادةً عنوان المستند ومجموعة الأحرف والأنماط والبرامج النصية ومعلومات التعريف الأخرى.

العلامات التالية تصف البيانات الوصفية <title><title> <style> <meta> <link> <script> <base>


العنصر title

يحدد العنصر<title>  عنوان المستند وهو مطلوب في جميع مستندات HTML

يحدد عنوانًا في علامة تبويب المتصفح

يوفر عنوانًا للصفحة عند إضافتها إلى المفضلة

يعرض عنوان الصفحة في نتائج محرك البحث

مستند HTML بسيط:

<!DOCTYPE html>
<html>

<head>
  <title>عنوان الصفحة</title>
</head>

<body>
محتوى الصفحة
</body>

</html>

 


العنصر style  

يتم استخدام عنصر<style> لتحديد معلومات النمط لصفحة HTML واحدة:

<style>
  body {background-color: powderblue;}
  h1 {color: red;}
  p {color: blue;}
</style>

 


العنصر link

يتم استخدام عنصر <link> للربط بأوراق أنماط خارجية:

<link rel="stylesheet" href="mystyle.css">

 


العنصر meta

يتم استخدام عنصر<meta>  لتحديد أي مجموعة أحرف يتم استخدامها ووصف الصفحة والكلمات الرئيسية والمؤلف وبيانات التعريف الأخرى.

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

تحديد الحروف المستخدمة:

<meta charset="UTF-8">

تحديد وصف لصفحة الويب الخاصة بك:

<meta name="description" content="دروس تعليمية سهلة">

تحديد الكلمات الرئيسية لمحركات البحث:

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

تحديد مؤلف الصفحة:

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

تحديث المستند كل 30 ثانية:

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

مثال على العلامات meta 

<meta charset="UTF-8">
<meta name="description" content="Free lessons">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Adli">

 


اعدادات العرض viewport

قدم HTML5 طريقة للسماح لمصممي الويب بالتحكم في منفذ العرض من خلال العلامة <meta>

إطار العرض هو المساحة المرئية للمستخدم بصفحة الويب. يختلف مع الجهاز وسيكون أصغر على الهاتف المحمول منه على شاشة الكمبيوتر.

يجب عليك تضمين عنصر منفذ العرض في جميع صفحات الويب الخاصة بك:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

يوفر عنصرviewport إرشادات المستعرض حول كيفية التحكم في أبعاد الصفحة وتوسيع نطاقها.

يقوم العرض = جزء عرض الجهاز بتعيين عرض الصفحة لمتابعة عرض شاشة الجهاز (والذي سيختلف حسب الجهاز).

يعين الجزء الأولي = 1.0 مستوى التكبير / التصغير الأولي عندما يتم تحميل الصفحة لأول مرة بواسطة المستعرض.


العنصر script

يتم استخدام عنصر <script> لتحديد JavaScript's من جانب العميل.

يكتب JavaScript هذا "Hello JavaScript!" في عنصر HTML مع id = "demo"

<script>
function myFunction {
  document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

 


العنصر base

يحدد العنصر <base> عنوان URL الأساسي والهدف الأساسي لجميع عناوين URL النسبية في الصفحة:

<base href="http://lessons.ly/images/" target="_blank">

 


حذف  html  و  head  و  body ؟

وفقا لمعيار HTML5 يمكن حذف العلامة <html> و <body> والعلامة <head>.

سيتم التحقق من صحة الكود التالي كـ HTML5:

<!DOCTYPE html>
<title>عنوان الصفحة</title>

<h1>عنوان</h1>
<p>فقرة.</p>

 

دروس لغة Html اخرى