اگه یک Element رو با CSS مخفی کنیم میتونه گروهی از کاربرهامون که بهشون Power user میگن رو اذیت کنه.

مثال تصویری زیر رو ببینید:

Hidden text by CSS in twitter.com
وقتی Style رو دست نزدم
Hidden text by CSS in twitter.com
وقتی Style رو برداشتم

من در توییتر کلمه‌ی Retweeted رو با مرورگر سرچ کردم. مرورگر این کلمه‌ها رو پیدا کرده و در نوار کناری نشون میده ولی من  بعنوان کاربر نمیتونم ببینمشون! دلیل این مشکل اینه که این کلمه‌ها در Element ای قرار گرفته که با CSS مخفی شده. هر المنت چیزی به اسم Box model داره و وقتی Box model generate بشه یعنی در صفحه وجود داره حالا میخواد

opacity: 0

داشته باشه، یا طول و عرضش ۰ پیکسل باشه، در هر صورت Box اش تو صفحه وجود داره.

تنها CSS property که Box model نمیسازه

display: none

هست. یه جورایی روش چک و لگدی برای مخفی کردن هست

 

به نظرتون دلیل اینکه Twitter با این روش Element رو مخفی کرده چی میتونه باشه؟ این رو میتونید در قسمت نظرات بنویسید.

بازنشر
http://blog.pooriahan.name/wp-content/themes/handmade/functions-shareByEmail.php
● منتشر شده در ۱۳۹۶-۰۳-۱۵

نوشته‌های مرتبط

۱ دیدگاه

  1. چهره فرشاد فرشاد

    فقط طراحهای بی تجربه که به بک‌اند سایتشون دسترسی ندارند (بلد نیستن، پول برنامه‌نویس رو ندادن و …) از چنین ترفندهایی واسه مخفی کردن المنت استفاده میکنن.
    در مورد توییتر احتمالاً بدلیل سئو این کار رو کردن که محتوا (کلمه Retweeted) توسط ربات ها قابل کرال کردن باشه.

    ۱۳۹۶-۰۴-۲۰ ساعت ۰۹:۱۱

می‌توانید با عضویت در ماه‌نامه٬
آخرین نوشته‌ها را در صندوق ایمیل خود دریافت کنید