تحتاج صفحات الويب التي تم إنشاؤها للعرض على أجهزة الكمبيوتر والأجهزة المحمولة أحيانا إلى التحكم في القياس. يمكن أن يؤدي التكبير غير المنضبط إلى تشويه المحتوى والتأثير على تجربة المستخدم.
لمنع هذه المشكلة ، يمكنك استخدام العلامة الوصفية لإطار العرض في هتمل ، والتي تسمح لك بالتحكم في تحجيم الصفحة. يمكنك تحديد معلمات معينة لقياس التحكم في هذه العلامة.
إحدى معلمات العلامة الوصفية لإطار العرض هي" قابلة للتطوير من قبل المستخدم " ، والتي تحدد ما إذا كان يمكن للمستخدم تغيير حجم الصفحة. إذا قمت بتعيين هذه القيمة على" لا " ، فلن يتمكن المستخدم من توسيع الصفحة باستخدام الإيماءات على شاشة اللمس أو اختصارات لوحة المفاتيح.
من المهم ملاحظة أن حظر التكبير / التصغير قد يكون مفيدا لبعض أنواع صفحات الويب ، ولكن ليس بالضرورة استخدامه في كل صفحة. في بعض الحالات ، قد يحتاج المستخدم إلى القدرة على توسيع نطاق المحتوى للحصول على تجربة بصرية أفضل.
- منع تحجيم الصفحة: تعليمات استخدام العلامة الوصفية
- الحاجة إلى حظر التحجيم
- كيفية استخدام العلامة الوصفية
- ما هي العلامة الوصفية?
- كيف تعمل العلامة الوصفية
- أمثلة التعليمات البرمجية مع علامة وصفية
- ميزات العلامة الوصفية
- سؤال وجواب
- لماذا من الضروري حظر تحجيم الصفحة?
- كيف يمكنني منع تحجيم الصفحة?
- هل هناك أي طرق أخرى لمنع تحجيم الصفحة?
منع تحجيم الصفحة: تعليمات لاستخدام العلامة الوصفية
إذا كنت تريد منع تحجيم الصفحة على الأجهزة المحمولة ، فيمكنك استخدام العلامة الوصفية لإطار العرض. تتيح لك العلامة الوصفية لإطار العرض التحكم في إعدادات عرض التكبير / التصغير على الأجهزة المحمولة وصفحات الويب.
في ما يلي مثال على استخدام العلامة الوصفية لإطار العرض لحظر تحجيم الصفحة:
في هذا المثال ، تحدد معلمة العرض=عرض الجهاز أن عرض الصفحة يجب أن يتطابق مع عرض الجهاز. تعني معلمة المقياس الأولي=1 أنه سيتم عرض الصفحة بالمقياس الأولي 1: 1. المعلمة الحد الأقصى للمقياس=1 يمنع المستخدم من تغيير مقياس الصفحة.
بعد إضافة هذا السطر إلى قسم الرأس في صفحة الويب الخاصة بك ، سيتصرف مثل التطبيقات على الأجهزة المحمولة ، مما يحظر القياس. سيتم عرضه على النطاق الأمثل ولن يتمكن المستخدمون من التكبير أو التصغير.
يعد استخدام العلامة الوصفية لإطار العرض لحظر تحجيم الصفحة مفيدا بشكل خاص عند إنشاء تصميم متكيف ، عندما يتم ضبط صفحة الويب تلقائيا على أحجام شاشة مختلفة للأجهزة المحمولة.
الحاجة إلى حظر التحجيم
تحجيم الصفحة هو القدرة على زيادة أو تقليل حجم صفحة الويب باستخدام إيماءات التكبير / التصغير على الأجهزة التي تعمل باللمس أو باستخدام اختصار لوحة المفاتيح وعجلة الماوس على أجهزة الكمبيوتر. على الرغم من أن القياس يمكن أن يكون ميزة مفيدة في بعض الحالات ، إلا أنه قد يتسبب في عواقب سلبية ويقلل من تجربة المستخدم.
يمكن أن يكون تعطيل القياس مفيدا في الحالات التالية:
- التصميم والتخطيط: إذا كانت صفحة الويب تحتوي على تخطيط معقد أو تصميم سريع الاستجابة ، يمكن أن يؤدي القياس إلى كسر العرض الصحيح للعناصر وتخطيط المحتوى.
- الملاحة: يمكن أن يجعل التكبير / التصغير من الصعب التنقل في صفحة الويب ، خاصة إذا كانت هناك عناصر تفاعلية مثل الأزرار أو الروابط التي قد لا تكون متاحة أو يصعب الوصول إليها عند التكبير / التصغير.
- قراءة النص: قد تصبح بعض النصوص على صفحات الويب غير قابلة للقراءة عند التكبير أو التصغير ، خاصة للمستخدمين ضعاف البصر.
- التفاعل: يمكن أن يتسبب القياس في تعطل العناصر التفاعلية مثل النماذج أو الأدوات ، مما قد يؤثر على تجربة المستخدم بل ويجعل من المستحيل استخدام هذه العناصر بشكل صحيح.
من أجل ضمان تجربة مستخدم إيجابية ومنع مشكلات القياس ، يمكن لمطوري الويب استخدام العلامة الوصفية لإطار العرض مع السمة القابلة للتطوير للمستخدم=لا. تخبر هذه العلامة المتصفح أنه لا ينبغي للمستخدم تغيير حجم الصفحة ويجب عرضها بحجمها الأصلي.
ومع ذلك ، يجب أن نتذكر أن حظر القياس يمكن أن يؤدي إلى عواقب سلبية للمستخدمين ذوي الاحتياجات والأجهزة المختلفة. لذلك ، يوصى باختبار صفحات الويب على أجهزة مختلفة وبإعدادات تكبير مختلفة من أجل إيجاد الحل الأمثل لكل موقف محدد.
كيفية استخدام العلامة الوصفية
العلامات الوصفية هي عناصر هتمل التي تستخدم لتوفير معلومات حول صفحة ويب. أنها تساعد محركات البحث والمتصفحات على تفسير محتوى الصفحة بشكل صحيح.
واحدة من العلامات الوصفية الأكثر استخداما هي . يسمح لك بتعيين قواعد عرض الصفحة على الأجهزة ذات عروض الشاشة المختلفة.
على سبيل المثال ، من خلال تعيين القيمة "العرض=عرض الجهاز" لسمة "المحتوى" ، نخبر المتصفح أن عرض الصفحة يجب أن يكون مساويا لعرض شاشة الجهاز. وتشير القيمة "المقياس الأولي=1.0" إلى أنه يجب تغيير حجم الصفحة وعرضها دون تغيير عند التحميل الأولي.
بمعنى آخر ، تتيح لك هذه العلامة الوصفية إنشاء صفحات ويب تستجيب للجوال ستبدو صحيحة على الأجهزة ذات أحجام ودقة الشاشة المختلفة.
ومع ذلك ، هناك حالة نحتاج فيها إلى حظر تحجيم الصفحة. للقيام بذلك ، يمكننا تغيير قيمة سمة " المحتوى "للعلامة الوصفية إلى"المستخدم القابل للتطوير=لا". وبالتالي ، سيحظر المتصفح قدرة المستخدم على توسيع الصفحة.
على سبيل المثال ، إذا قمنا بتعيينها ، فلن يتمكن المستخدمون من توسيع نطاق الصفحة ولن يروها إلا بمقياس واحد محدد.
ومع ذلك ، تجدر الإشارة إلى أن حظر التحجيم قد يعقد الوصول إلى المحتوى لبعض المستخدمين ، وخاصة أولئك الذين يعانون من ضعف البصر. لذلك ، يوصى باستخدام العلامة الوصفية بحذر وتطبيقها فقط في الحالات التي يكون فيها ذلك ضروريا حقا.
ما هي العلامة الوصفية?
العلامة الوصفية هي عنصر في شفرة هتمل يحتوي على معلومات وصفية حول صفحة ويب. إنها كتلة من البيانات لا يتم عرضها على الصفحة ، ولكن يتم استخدامها بواسطة المتصفحات ومحركات البحث لتحديد جوانب معينة من الصفحة.
تتضمن المعلومات الوصفية بيانات مثل اسم الصفحة ووصف محتواها والمؤلف والكلمات الرئيسية وترميز الأحرف والخصائص الأخرى التي يمكن أن تكون مفيدة لتقييم الصفحة وفهرستها بواسطة محركات البحث ، وكذلك للعرض في نتائج البحث.
يتم وضع العلامات الوصفية في قسم الرأس في صفحة الويب ، بين علامتي فتح وإغلاق الرأس:
عادة ما تحتوي العلامة الوصفية على سمات تحدد خصائصها. على سبيل المثال ، تحدد سمة مجموعة الأحرف ترميز الأحرف للصفحة:
- - يشير إلى أن الصفحة تستخدم ترميز أوتف-8.
بعض العلامات الوصفية لها غرض خاص وتستخدم لتحديد جوانب معينة من الصفحة. على سبيل المثال:
- - يحدد تحجيم الصفحة على الأجهزة المحمولة.
- - يحدد وصفا لمحتوى الصفحة لمحركات البحث.
- - يحدد الكلمات الرئيسية للصفحة لمحركات البحث.
يمكن أن تكون المعلومات الوصفية المحددة باستخدام العلامات الوصفية مفيدة لزيادة رؤية الصفحة وترتيبها في نتائج البحث ، وكذلك لتحسين عرض الصفحة على الأجهزة المختلفة.
كيف تعمل العلامة الوصفية
العلامة الوصفية هي عنصر هتمل يستخدم بشكل شائع في قسم الرأس في صفحة الويب ويحتوي على بيانات وصفية حول المستند. البيانات الوصفية هي معلومات حول صفحة ويب لا يتم عرضها مباشرة على الصفحة ، ولكن يتم استخدامها بواسطة المتصفحات ومحركات البحث لأغراض مختلفة.
واحدة من العلامات الوصفية الأكثر تنوعا والمستخدمة على نطاق واسع هي العلامة الوصفية لإطار العرض. يسمح لك بتعيين كيفية تحجيم المتصفح وعرض صفحة ويب على أجهزة مختلفة.
لحظر تحجيم الصفحة باستخدام العلامة الوصفية لإطار العرض ، يجب عليك تحديد المعلمات المناسبة. على سبيل المثال ، لحظر التحجيم ، يمكنك استخدام شفرة هتمل التالية:
تؤدي سمات العلامة الوصفية لإطار العرض الوظائف التالية:
- الاسم-يشير إلى المتصفح أن هذه هي المعلومات الوصفية ، وليس نص هتمل العادي;
- المحتوى-يحدد محتوى العلامة الوصفية ، وفي هذه الحالة يحدد معلمات منفذ العرض;
قيم المعلمات في سمة "المحتوى" لحظر القياس:
- العرض=الجهاز-العرض-يجب أن يتطابق عرض الصفحة مع عرض الجهاز;
- المقياس الأولي=1.0-مقياس الصفحة الأولي هو 1.0;
- الحد الأقصى للمقياس=1.0-الحد الأقصى لمقياس الصفحة هو 1.0;
- المستخدم قابلة=لا-منع المستخدم من تحجيم الصفحة.
نتيجة لذلك ، من خلال تطبيق هذه العلامة الوصفية مع المعلمات المحددة ، يمكنك منع المتصفح من تغيير حجم الصفحة على الأجهزة المحمولة. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، عند إنشاء صفحات ويب سريعة الاستجابة حيث تحتاج إلى الحفاظ على مقياس معين ومظهر المحتوى.
أمثلة التعليمات البرمجية مع علامة وصفية
فيما يلي بعض أمثلة التعليمات البرمجية التي توضح كيفية استخدام علامة وصفية لمنع تحجيم الصفحة:
مثال 1:
في هذا المثال ، نستخدم علامة وصفية مع سمة " الاسم "تساوي" منفذ العرض "وسمة" المحتوى " ، حيث نحدد معلمات القياس. تحدد القيمة " العرض=عرض الجهاز "عرض الصفحة على الجهاز ،" المقياس الأولي=1.0 "يضبط مقياس الصفحة الأولي، " الحد الأقصى للمقياس=1.0" يعطل الحد الأقصى للقياس ، و "المستخدم القابل للتطوير=لا" يعطل قدرة المستخدم على تغيير حجم الصفحة.
المثال 2:
في هذا المثال ، نقوم فقط بتعطيل قدرة المستخدم على تغيير حجم الصفحة عن طريق تحديد القيمة "قابلة للتطوير للمستخدم=لا". وبالتالي ، ستستمر الصفحة في القياس تلقائيا وفقا للمعلمات" العرض=عرض الجهاز "و"المقياس الأولي=1.0".
المثال 3:
في هذا المثال ، نترك الصفحة متاحة للتحجيم عن طريق تحديد القيمة "المستخدم-قابلة للتطوير=نعم". سيتمكن المستخدم من تغيير حجم الصفحة بحرية ، ولكن مع مراعاة المعلمات "العرض=عرض الجهاز" و "المقياس الأولي=1.0" المحددة في العلامة الوصفية.
في الأمثلة المقدمة ، استخدمنا مجموعات مختلفة من معلمات العلامة الوصفية "منفذ العرض". بناء على احتياجاتك ، يمكنك تخصيص هذه الإعدادات لتحقيق سلوك الصفحة الذي تحتاجه.
ميزات العلامة الوصفية
العلامة الوصفية هي أحد عناصر هتمل المهمة التي تسمح لك بتحديد بيانات وصفية مختلفة لصفحة ويب ، مثل ترميز الأحرف أو وصف الصفحة أو الكلمات الرئيسية. عادة ما يكون موجودا داخل قسم الرأس في الصفحة ويبدو كما يلي:
ومع ذلك ، في سياق حظر تحجيم الصفحة ، من المهم الانتباه إلى تفاصيل استخدام سمة الاسم وقيمة إطار العرض.
لمنع تحجيم الصفحة ، يجب استخدام سمة الاسم مع قيمة إطار العرض:
في هذه الحالة ، يشير خيار العرض=عرض الجهاز إلى أن عرض إطار العرض سيكون مساويا لعرض الجهاز ، ويحدد المقياس الأولي=1.0 قيمة تحجيم الصفحة الأولية ، والحد الأقصى للمقياس=1.0 يحد من الحد الأقصى لقيمة التحجيم ، وقابل للتحجيم=لا يمنع المستخدم من تغيير مقياس الصفحة.
وبالتالي ، عند استخدام هذه العلامة الوصفية مع القيم المحددة في سمة المحتوى ، سيتم تعطيل القدرة على توسيع نطاق الصفحة على الأجهزة المحمولة.
سؤال وجواب
لماذا من الضروري حظر تحجيم الصفحة?
يمكن أن يكون تعطيل تحجيم الصفحة مفيدا في الحالات التي تريد فيها الاحتفاظ بأحجام ومواقع معينة للعناصر على الصفحة. هذا ينطبق بشكل خاص على الأجهزة المحمولة ، حيث يمكن أن يؤدي القياس إلى تشويه الشاشة وتقليل تجربة المستخدم.
كيف يمكنني منع تحجيم الصفحة?
من أجل منع تحجيم الصفحة ، يمكنك استخدام العلامة الوصفية لإطار العرض مع القيمة "المستخدم قابلة للتطوير=لا". هذا يعني أن المستخدم لن يكون قادرا على توسيع نطاق الصفحة بالإيماءات على شاشة اللمس. مثال:.
هل هناك أي طرق أخرى لمنع تحجيم الصفحة?
نعم ، بالإضافة إلى استخدام العلامة الوصفية لإطار العرض ، يمكنك أيضا استخدام خاصية كس "تكبير" مع القيمة "1". بهذه الطريقة ، سيتم عرض الصفحة دائما بالمقياس الأصلي ولن يتم قياسها عندما يقوم المستخدم بإيماءات. مثال: الجسم {تكبير: 1؛}.