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