/ / استخدام خاصية CSS "display: none"

استخدام خاصية CSS "display: none"

تتيح لك أوراق الأنماط المتتالية (CSS) تنظيم مظهر صفحة الإنترنت وتصميمها. واحدة من الخصائص الأكثر استخداما وقيمها هي "العرض: لا شيء".

تعريف العقار

عرض لا شيء

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

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

الفرق بين خصائص "العرض" و "الرؤية"

عرض نمط لا شيء

على الرغم من حقيقة أنه في النهاية ، إخفاء كل الخصائصعنصر من المستخدم ، مبدأ تشغيلها يختلف اختلافا كبيرا. كما ذكرنا أعلاه ، تزيل المعلمة "display: none" العنصر بالكامل من المستند. تسقط الكتلة خارج الصفحة ، وبالتالي لا تشغل مكانًا فيها. في هذه الحالة ، يبقى الكائن نفسه في كود HTML.

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

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

استخدام CSS - عرض: لا شيء

عرض div لا شيء

وثيقة الإنترنت تسمح لك باستخدامعدة خيارات لتحديد خاصية عنصر. أولا وقبل كل شيء العرض: لا يمكن تسجيل أي منها في ملف منفصل من أوراق الأنماط المتتالية. هذه الطريقة هي الأكثر تطوراً وصحةً ، حيث تسمح لك بعرض جميع المحددات والفئات وخصائصها في وثيقة منفصلة. يتيح هذا النموذج العثور على معلمات الصفحة وتغييرها بسرعة كبيرة.

في عنوان الوثيقة

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

يجب أن نتذكر أنه إذا كانت هذه الطريقةيقع تنظيم الأنماط في المستند أدناه ، بدلاً من استيراد ورقة أنماط منفصلة ، ثم ستتم إعادة كتابة الخصائص المتقاطعة بواسطة تلك الموجودة في نص مستند HTML.

كتلة div. عرض: لا شيء

عرض css لا شيء

طريقة أخرى هي أن تضيفمباشرة في عنصر عنصر الكود "style = display: none؛" غالباً ما يتم استخدام هذا الأسلوب عند العمل مع إطارات العمل المختلفة ، والغرض منها هو تقليل عدد الخصائص مباشرة في ورقة الأنماط وعرضها في مستند الإنترنت نفسه. بالإضافة إلى ذلك ، غالباً ما يحدث مثل هذا السجل عند عرض الصفحة "رمز المفتش". من المهم تذكر أنه باستخدام هذا الأسلوب ، يمكنك تغيير الخاصية وقيمتها المحددة في ورقة الأنماط. لذلك ، يجب عليك توخي الحذر ، ونتيجة لذلك ، يمكنك إنشاء مشاكل إضافية لنفسك وقضاء بعض الوقت في البحث عن الأخطاء وإصلاحها في شفرة الصفحة.

جافا سكريبت

ومن الجدير بالذكر أيضا الإضافيإمكانية تغيير هذه الخاصية. لا ينطبق على ورقة الأنماط ورمز HTML ، ولكن على لغة البرمجة النصية. لذلك ، من أجل تطبيقه ، من الضروري الحصول على بعض المعرفة في هذا المجال على الأقل. لإزالة عنصر من تدفق المستند ، يمكنك استخدام خاصية JavaScript "display = none". يسمح لك بتغيير بنية المستند عند حدوث حدث معين. أيضا ، بفضل استخدام البرامج النصية ، يمكنك بشكل ديناميكي ("على الطاير") تغيير معلمة الخاصية وبالتالي تحديث عرض الصفحة دون الحاجة إلى إعادة تشغيله. يفيد هذا الأسلوب في تنظيم القوائم المنسدلة والنوافذ والإشكال النموذجية.

SEO

جافا سكريبت عرض بلا

في مجال تحسين محتوى الويب للبحثهناك العديد من الخرافات واللحظات غير الواضحة. لذلك ، العديد من المبتدئين SEOShniki النظر في استخدام خاصية "العرض" بطريقة سيئة. يشرح ذلك من خلال حقيقة أن محركات البحث ، التي ترى المحتوى المخفي ، تبدأ في اعتبار الصفحة غير مرغوب فيها. في كلماتهم هناك حصة من المنطق ، ولكن لا شيء أكثر من ذلك. عند هذه النقطة الزمنية ، يتم استخدام خاصية إخفاء كائن في كثير من الأحيان لتنسيق القوائم المنسدلة وإخفاء أجزاء من الوثيقة التي لا تثير اهتمام المستخدم (على سبيل المثال ، إذا تم اختيار فئة واحدة ، يتم حذف معلومات عن الأخرى). يستخدم هذا النهج من قبل بوابات الإنترنت قوية جدا (واحد منهم هو "الأمازون"). وبالتالي ، لا يمكن للروبوتات البحث النظر في استخدام خاصية "display: none" كرسائل غير مرغوب فيها.

شيء آخر هو عندما يتم استخدام هذا النهج لإخفاء الكلمات والرموز الفردية. على الرغم من أن الآن محرك البحث العناكب ليس لديها بعد اعتراف كامل من هذه الخوارزميات "سبام" في الوثائق، واحتمال أن الصفحة سوف تكون اشتعلت في هذا، مرتفع جدا. ولذلك فمن المستحسن استخدام "عرض" الملكية بشكل صارم للغرض المقصود - لتغيير نوع كتلة أو مؤقتا إخفاء عن أعين المستخدم.

يحب:
0
الوظائف الشعبية
التطور الروحي
طعام
ذ