دليل مرجعي لـ HTML

جميع علامات HTML

HTML: <nav> العلامة HTML: <menu> العلامة

HTML: <meta> العلامة

وسم <meta> في HTML يحتوي على معلومات أو بيانات المعلومات التي لا تظهر مباشرة على صفحة الويب ولكن تستخدمها المتصفحات ومحركات البحث. عادةً ما يُسمى أيضًا <meta> العنصر.

نماذج على الإنترنت

وصف بيانات المعلومات لملف HTML:

مثال

<!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<meta　name="viewport"　content="width=device-width,　initial-scale=1.0">
<meta　name="description"　content="الوسم meta في HTML هو عنصر موجود داخل وسم head من HTML.">
<meta　name="keywords"　content="html,　meta,　tag,　element">
<meta　name="author"　content="ar.oldtoolbag.com">
<title>موقع دروس الأساسيات (oldtoolbag.com)</title>
</head>
<body>
</body>
</html>

التحقق من ذلك ‹/›

في هذا مثال على مستند HTML5، قمنا بإنشاء خمس علامات meta. الوسم meta الأول (charsetتعريف تشفير النصوص للملف HTML. عند تصميم موقع الويب التفاعلي، سيتم استخدام الوسم meta الثاني (viewport()). العلامة meta (description) الثالثة تقدم وصف الصفحة لمحركات البحث. الرابع علامة المعلومات الوصفية (الكلمات المفتاحية()). العلامة meta (author) النهائية تعريف مؤلف الصفحة. الكلمات المفتاحية.

متوافق مع المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة علامة <meta>.

تعريف العلامة واستخدامها

المعلومات الوصفية (Metadata) هي معلومات عن البيانات.

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

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

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

نصائح وتحذيرات

ملاحظة:توجد علامة <meta> عادة في <head>. في هذه المنطقة.

ملاحظة: 　تظهر المعلومات الوصفية عادة كزوج اسم/قيمة.

ملاحظة: إذا لم يتم تقديم خاصية name، فإن اسم/قيمة في زوج الاسم/القيمة سيستخدم قيمة خاصية http-equiv.

الفرق بين HTML 4.01 و HTML5

لا يدعم HTML5 خاصية schema.

في HTML5، هناك خاصية charset جديدة تجعل تعريف مجموعة الحروف أسهل:

HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">

الفرق بين HTML و XHTML

في HTML، لا تحتوي علامة <meta> على علامة انتهاء.

في XHTML، يجب أن تحتوي علامة <meta> على علامة انتهاء.

نماذج على الإنترنت

مثال 1 - تعريف الكلمات المفتاحية للوثيقة، لاستخدامها في محركات البحث:

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

مثال 2 - تعريف وصف صفحة الويب:

<meta name="description" content="Free Web tutorials on HTML and CSS">

مثال 3 - تعريف مؤلف الصفحة:

<meta name="author" content="nhoo.com">

مثال 4 - تحديث الصفحة كل 30 ثانية:

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

الخصائص

جديدًا: خصائص HTML5 الجديدة.

الخصائص	القيمة	وصف
charsetHTML5	character_set	يُحدد تشفير النصوص للملف.
content	text	يُحدد معلومات عن http-equiv أو name الخاصية.
http-equiv	content-type 　default-style 　refresh	يرتبط content الخاصية إلى رأس HTTP.
name	application-name 　author 　description 　generator 　keywords	يرتبط content الخاصية إلى اسم.
scheme	format/URI	HTML5 لا يدعمها. يُحدد تنسيق format/URI لقيمة content.

خصائص الحدث

المقالات ذات الصلة

دليل HTML:الرأس HTML

HTML: <nav> العلامة HTML: <menu> العلامة