كيفية جعل النص غير مرئي في كود HTML

امرأة في مقهى الرصيف تقرأ رسائل البريد الإلكتروني

حقوق الصورة: جاكوب أمينتورب لوند / إستوك / جيتي إيماجيس

تأتي العديد من علامات HTML مع خاصية تسمى "visibility". عنصر واحد يحتوي على هذا النمط هو علامة div. علامة div عبارة عن حاوية تحتوي على نصوص وصور في موقع معين على صفحة الويب. يمكنك استخدام هذه العلامة لإخفاء النص على صفحة الويب. قم بإحاطة كتل النص الخاصة بك بعلامة div وهي مخفية عن المستخدمين. يكون هذا مفيدًا عندما تريد إنشاء قائمة أو صفحة ديناميكية لا تعرض المعلومات حتى ينقر المستخدم على زر أو ارتباط.

الخطوة 1

افتح صفحة الويب الخاصة بك في محرر نصي. يمكن أن يكون هذا شيئًا بسيطًا مثل Notepad أو برامج تحرير HTML الأكثر تقدمًا مثل Notepad ++ أو Visual Studio.

فيديو اليوم

الخطوة 2

ضع علامة div في قسم الصفحة حيث تريد وضع النص. يضع الكود أدناه علامة div مع تعيين خاصية الرؤية على "مخفي":

الخطوه 3

أدخل بعض النص داخل علامة div. لأغراض الاختبار ، أدخل "My Hidden Text" داخل العلامة. يجب أن يبدو الرمز الخاص بك كما يلي:

نصي المخفي

الخطوة 4

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