002-01141087755 info@CodesRoots.com
تصميم مواقع وتطبيقات الموبايل والجوال-HTML-ميتا-تاج


HTML-ميتا-تاج

-HTML-ميتا-تاج -
يتيح HTML تحدده metadata- معلومات هامة حول وثيقة في مجموعة متنوعة من الطرق.
 عناصر META يمكن استخدامها لتشمل أزواج name/value التي تصف خصائص المستند HTML،
 مثل المؤلف، وتاريخ انتهاء الصلاحية، قائمة من الكلمات الرئيسية، وثيقة مؤلفة الخ

يتم استخدام >meta> العلامة لتقديم هذه المعلومات الإضافية.
 هذه العلامة هي عنصر فارغ وهكذا لم يكن لديك علامة إغلاق كنه يحمل المعلومات ضمن خصائصها.

 

يمكنك تضمين واحد أو أكثر من العلامات الفوقية في
 الوثيقة الخاصة بك على أساس ما هي المعلومات التي تريد الاحتفاظ بها في المستند
ولكن بصفة عامة، العلامات الفوقية لا يؤثر المظهر الخارجي للوثيقة ذلك من جهة نظر مظهر
، لا يهم إذا قمت بتضمين لهم أم لا.

-اضاف ميتا تاج إلى المستندات الخاصة بك-
 

يمكنك إضافة ميتا داتا  لصفحات الويب الخاصة بك عن طريق
 وضع < meta> علامات داخل رأس الوثيقة التي يمثلها
 <head> و </ head> العلامات.
 والعلامة الوصفية يمكن أن يكون التالية سمات بالإضافة إلى سمات أساسية هي:
 

Attribute Description
Name Name for the property. Can be anything. Examples include, keywords, description, author, revised, generator etc.
content Specifies the property's value.
scheme Specifies a scheme to interpret the property's value (as declared in the content attribute).
http-equiv Used for http response message headers. For example http-equiv can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie.

 

-تحديد كلمات-

 

يمكنك استخدام <meta> العلامة لتحديد الكلمات الرئيسية الهامة
ذات الصلة الوثيقة وبعد ذلك يتم استخدام هذه الكلمات من قبل
محركات البحث أثناء فهرسة صفحة الويب الخاصة بك للبحث عن الغرض.

مثال

التالي مثال حيث أننا نقوم بإضافة HTML، Meta Tags، Metadata الكلمات الرئيسية الهامة كما حول الوثيقة.
 

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-وثيقة الوصف-

يمكنك استخدام < meta> العلامة اعطاء وصف مختصر عن الوثيقة.
هذا مرة أخرى يمكن استخدامها من قبل محركات البحث
المختلفة أثناء فهرسة موقع الويب الخاص بك للبحث عن الغرض.

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-وثيقة مراجعة التاريخ-

يمكنك استخدام < meta> العلامة إعطاء معلومات حول متى آخر مرة تم تحديث الوثيقة.
 هذه المعلومات يمكن استخدامها من قبل مختلف متصفحات الويب في حين منعش صفحة الويب الخاصة بك.

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-Document Refreshing-
A <الفوقية> العلامة يمكن أن تستخدم لتحديد مدة وبعد ذلك
 صفحة الويب الخاصة بك وسوف تبقي منعشة تلقائيا.

مثال
إذا كنت تريد صفحتك تبقي منعشة بعد كل 5 ثوان ثم استخدم بناء الجملة التالية.

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-إعادة توجيه الصفحة-

يمكنك استخدام < meta> العلامة لإعادة توجيه الصفحة الخاصة بك
إلى أي صفحة ويب أخرى. يمكنك أيضا تحديد مدة
 إذا كنت ترغب في إعادة توجيه الصفحة بعد عدد معين من الثواني.

مثال

فيما يلي مثال على إعادة توجيه الصفحة الحالية إلى صفحة أخرى بعد 5 ثوان.
 إذا كنت ترغب في إعادة توجيه الصفحة على الفور بعد ذلك لم تحدد attribute المحتوى.
 

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5; url=http://www.tutorialspoint.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-Setting Cookies-

الكوكيز هي البيانات وتخزينها في ملفات نصية صغيرة
 على جهاز الكمبيوتر الخاص بك،
 وتبادل ذلك بين متصفح الإنترنت وخادم الويب لتتبع
 مختلف بمجلس بناء على حاجتك تطبيق ويب.

 

يمكنك استخدام < meta> العلامة لتخزين ملفات تعريف الارتباط على
 جانب العميل وهذه المعلومات لاحقا يمكن أن
 يتم استخدامها من قبل خادم ويب لتعقب زوار الموقع.

 

مثال

فيما يلي مثال على إعادة توجيه الصفحة الحالية إلى صفحة أخرى بعد 5 ثوان.
إذا كنت ترغب في إعادة توجيه الصفحة على الفور بعد ذلك لم تحدد attribute المحتوى.
 

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="cookie" content="userid=xyz;
 expires=Wednesday, 08-Aug-15 23:59:59 GMT;" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-Setting Author Name-

يمكنك تعيين اسم المؤلف في صفحة ويب باستخدام meta tag
. انظر على سبيل المثال أدناه:

 

مثال

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

-تحديد مجموعة الأحرف-

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

 

مثال

افتراضيا، خوادم الويب ومتصفحات الويب تستخدم ISO-8859-1 (LATIN1)
 ترميز لمعالجة صفحات ويب. وفيما يلي مثال لضبط ترميز UTF-8:

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

لخدمة صفحة ثابتة مع الأحرف الصينية التقليدية،
 وصفحة على شبكة الإنترنت يجب أن تحتوي على < meta> العلامة لتحديد الترميز BIG5:

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=Big5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>


اعلانات
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا

00966-506999922

متاح واتس اب - فايبر - لاين
شركة تصميم مواقع وتطبيقات موبايل

info@CodesRoots.com