meta data: عبارة عن بيانات تصف بيانات في لغة html
وmeta توجد داخل head وهذا الوسم ليس له وسم إغلاق
عناصر meta لا تظهر فى متصفح الانترنت حيث وضحنا أن متصفح الانترنت يظهر به
فقط ما بداخل وسم body
ومن أمثلة meta وسم <title> حيث لا يظهر فى متصفح الانترنت وإنما يظهر
فى نافذة المتصفح كعنوان للصفحة
ويوجد عنصر آخر من عناصر meta هو:
عنصر charset
<meta charset="UTF-8"/>
وهذا الوسم يسمى نوع الترميز وهو مفيد فى عرص النص سواء كانت اللغة
بالعربية أو الانجليزية أو أى لغة أخرى
ومن عناصر Meta الهامة جدا هو name
حيث يتم وضع معلومات عن الموقع بحيث تظهر هذه المعلومات أسفل الموقع عند
البحث عن هذا الموقع من محركات البحث.
فمثلا لو كان موقعنا يتحدث عن شروحات البرامج مثل شروحات برامج الأوفيس
وغيرها.
<meta name="description" content="شرح برامج الأوفيس مثل الوورد والاكسل والباوربوينت والاكسس غيرها"/>
ملاحظة هامة
يمكن وضع قيم values للخصائص attributes بين علامتي اقتباس مزودج مثل
<meta name="description" />
أو وضع قيم الخصائص بين علامتي اقتباس مفردة
<meta name='description' />
إذا كانت القيم values الخاصة بالخصائص تتكون من كلمة واحدة مفردة يمكن وضعها بدون أى علامات اقتباس
<meta name=description />
ويوجد أيضا مجموعة عناصر أخرى من عناصر meta سنتناولها فيما بعد
ومن عناصر الميتا الهامة التى توضع داخل Head أيضا العناصر الآتية :-
<style>عنصر
حيث يستخدم لتعريف css الداخلى وسيتم شرح CSS فيما بعد
عنصر <link>
حيث يستخدم لتعريف css الخارجي
عنصر <script>
تستخدم لتعريف أكواد لغة Java script
ويأتى دور المثال
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="description" content="أهم المواقع التى تتحدث عن الحيوانات البرية "/>
<title>
حيوانات الغابة
</title>
</head>
<body>
<p>
بسم الله الرحمن الرحيم
</p>
</body>
</html>
حيث يظهر فى المتصفح كما يلى:
ولعرض مصدر الصفحة فى المتصفح فقط اضغط كليك يمين ثم اختر view page
source
المشاركات
ليست هناك تعليقات:
إرسال تعليق