لا مزيد من الهراء، فلنبدأ بموضوع اليوم.
html/11675.html">العلامة الوصفية في HTML
1. معنى العلامة الوصفيةيوفر عنصر <meta> معلومات تعريفية حول الصفحة، مثل الوصف والكلمات الرئيسية لمحركات البحث وتكرار التحديث.
توجد علامة <meta> في رأس المستند ولا تحتوي على أي محتوى.
تحدد سمات العلامة <meta> أزواج الاسم/القيمة المرتبطة بالمستند.
2. السمات شائعة الاستخدام في التعريف1. مجموعة الأحرف (مجموعة الأحرف)
الوصف: يحدد ترميز الأحرف لمستندات HTML.
الاستخدام: <meta charset=UTF-8>
2. منفذ العرض (منفذ العرض)
الوصف: هي المنطقة المرئية من صفحة الويب الخاصة بالمستخدم. يعلم الجميع أن شاشة الأجهزة المحمولة أصغر بشكل عام من شاشة أجهزة الكمبيوتر. سيقوم متصفح webkit بتعيين نافذة افتراضية أكبر على شاشة الجهاز المحمول. يبلغ عرض النافذة الافتراضية الافتراضية 980 بكسل (العرض القياسي الحالي لمعظم مواقع الويب). ) ، ثم قم بالقياس وفقًا لنسبة معينة (3:1 أو 2:1).
وهذا يعني أنه عندما نقوم بتحميل صفحة ويب عادية، سيقوم webkit أولاً بتحميل صفحة الويب بمعيار المتصفح الذي يبلغ 980 بكسل، ثم يقلل عرضها إلى 490 بكسل. لاحظ أن هذا التخفيض هو تخفيض عالمي، أي أنه سيتم تقليل جميع العناصر الموجودة في الصفحة.
الاستخدام:
<meta id=viewport name=viewport content=width=device-scale=1.0;
(1) العرض
يتحكم العرض في حجم إطار العرض، ويتم ضبطه عادةً على عرض الجهاز لأغراض التكيف
(2) النطاق الأولي
المقياس الأولي: نسبة القياس الأولية، أي نسبة القياس عند تحميل الصفحة لأول مرة.
(3) الحد الأقصى للحجم
الحد الأقصى للحجم الحد الأقصى للقياس. وهذا هو، الحد الأقصى لدرجة القياس المسموح بها. هذه أيضًا قيمة فاصلة عائمة تشير إلى الحد الأقصى لمضاعف حجم الصفحة مقارنة بحجم الشاشة.
(4) الحد الأدنى
الحد الأدنى للمقياس: الحد الأدنى للمقياس الذي يُسمح للمستخدم بالتكبير/التصغير إليه. على غرار الاستخدام على نطاق واسع.
(5) قابلة للتطوير بواسطة المستخدم
تحجيم قابل للتعديل من قبل المستخدم. أي ما إذا كان يمكن للمستخدم تغيير مستوى تكبير الصفحة. إذا تم التعيين على نعم، يُسمح للمستخدم بتغييره، وإلا فلا.
3. الكلمات الرئيسية
الوصف: قائمة بالكلمات الرئيسية المتوفرة لمحركات البحث. استخدم الفواصل للفصل بين كل كلمة رئيسية. حدد الكلمات الرئيسية التي تستخدمها محركات البحث لتحسين جودة البحث.
الاستخدام: <اسم التعريف=محتوى الكلمات الرئيسية=الكلمات الرئيسية 1، الكلمات الرئيسية 2، الكلمات الرئيسية 3، الكلمات الرئيسية 4،...>
4. الوصف (الوصف، المقدمة)
الوصف: يُستخدم الوصف لإخبار محركات البحث بالمحتوى الرئيسي لموقع الويب الخاص بك.
الاستخدام ：<Meta name=Description Content=你网页的简述>
5. الكشف عن التنسيق (كشف التنسيق)
الوصف: يتم استخدام اكتشاف التنسيق للكشف عن بعض التنسيقات في HTML.
الاستخدام: تحتوي سمة الكشف عن التنسيق الخاصة بالتعريف بشكل أساسي على الإعدادات التالية:
اسم التعريف=محتوى اكتشاف التنسيق=الهاتف=لا يوجد اسم تعريف=محتوى اكتشاف التنسيق=بريد إلكتروني=لا يوجد اسم تعريف=محتوى اكتشاف التنسيق=عنوان=لا
يمكنك أيضًا كتابته بالتتابع: meta name=format-detection content=telephone=no,email=no,adress=no
(1) الهاتف
من الواضح أنك كتبت سلسلة من الأرقام دون إضافة نمط رابط، لكن iPhone سيضيف نمط رابط تلقائيًا إلى النص الخاص بك، وسيؤدي النقر فوق الرقم إلى طلب الرقم تلقائيًا! كيفية إزالة رابط الطلب الهاتفي هذا؟ في هذا الوقت، يجب أن يُظهر التعريف الخاص بنا قوته السحرية مرة أخرى، ويكون الرمز كما يلي:
phone=no يعطل تحويل الأرقام إلى روابط طلب هاتفي!
الهاتف=نعم يتيح تحويل الأرقام إلى روابط اتصال هاتفي لتمكين وظيفة التحويل، ليست هناك حاجة لكتابة هذا التعريف، فهو ممكّن افتراضيًا.
(2) البريد الإلكتروني
أخبر الجهاز بعدم التعرف على عنوان البريد الإلكتروني وعدم إرساله تلقائيًا بعد النقر عليه.
email=no محظور كعنوان بريد إلكتروني!
email=yes يشغل النص ويضبط عنوان البريد الإلكتروني بشكل افتراضي. ليست هناك حاجة لكتابة هذا التعريف.
(3) العنوان
العنوان=لا يمنع القفز إلى الخريطة!
العنوان=نعم يمكّن وظيفة النقر على العنوان للانتقال مباشرة إلى الخريطة. يتم تمكينه افتراضيًا!
6. التفاحة التي تعمل باللمس ملء الشاشة
الوصف: بعد إضافته إلى الشاشة الرئيسية، سيتم عرضه بملء الشاشة.
الاستخدام: <meta name=apple-touch-fullscreen content=yes>
7. إمكانية استخدام تطبيق ويب Apple للجوال
الوصف: تتمثل الوظيفة في حذف شريط أدوات Apple وشريط القوائم الافتراضي. يحتوي المحتوى على قيمتين، نعم ولا، عندما نحتاج إلى عرض شريط الأدوات وشريط القائمة، ليست هناك حاجة لإضافة سطر التعريف هذا، فالإعداد الافتراضي هو عرضه.
الاستخدام: <meta name=apple-mobile-web-app-capable content=yes />
8. تكوين التطبيق
الوصف؛: الاحتفاظ بسجلات التاريخ وتأثيرات الرسوم المتحركة
الاستخدام: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>
9.msapplication-tap-highlight
الوصف: انقر فوق "لا يوجد تمييز" (تمييز)
الاستخدام: <meta name=msapplication-tap-highlight content=no>
ما ورد أعلاه هو شرح تفصيلي للعلامات الوصفية واستخدامها في HTML الذي قدمه المحرر وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!