cover
ویکی‌پدیا
@wikipedia

علم و دانش

دایره المعارف رایگان با استفاده از نرم‌افزار ویکی ایجاد شده است. (مجوز Creative Commons Attribution-ShareAlike).

US, California, San Francisco:مکان
Wikipedia:اکانت‌تویتر
2001:تولد

SEO 2 UX 5

ویکی‌پدیا به اشتباه درون تگ H1 تگ div می‌گذارد…! اینقدر جالب نوشتم این عنوان رو که دوست دارم تیتر روزنامه بشه. خب، بگذریم….

اگه واقعیت رو بخواین در مورد UX ویکی‌پدیا در لحظه اول نتونستم نقد خاصی پیدا کنم.

در عین سادگی واقعاً برای تهیه این دایره‌المعارف آنلاین زحمت کشیده شده (البته شایدم بخاطر تنبلیم بود.).

ارائه مشکل تگ H1 در ویکی‌پدیا

اگر از استایل‌های inline شده ویکی‌پدیا بتونیم بگذریم، که مطمعناً دلیل کاملاً موجهی پشتش هست.

(من احتمال می‌دم این‌ مورد بخاطر بالابردن سرعت لود بوده)، اما رعایت این مورد الزامیست.

اشتباه نحوه استفاده تگ div و H1 در ویکی‌پدیا

ما تحت هر شرایطی هم شده نباید درون تگ ‌H1 یک تگ ‌div بگذاریم.

برای حل این مشکل می‌توان به روش زیر عمل نمود.

ارائه راه حل برای ویکی‌پدیا

به جای استفاده از تگ ‌div می‌توان از تگ‌های قابل تحمل‌تر مانند span استفاده نمود و خاصیت‌هایی که به تگ div داده‌ایم را برای این تگ جای‌گذاری کنیم.

لازم به توضیح است درصورتی که این تگ جایگاه خود را با خاصیت‌‌های الحاقی نتوانست حفظ کند می‌توان Position آن را به Block و یا هرچه که با آن هماهنگ‌تر بود تصحیح کرد.

خیلی جالب است بدانید این مشکل در صفحه‌‌های اصلی زبان‌های دیگر وجود ندارد و پیشنهاد می‌شود حتماً این مورد را بررسی نمایید.

برای مثال صفحه wikipedia فارسی را بررسی نمایید.

wikipedia فارسی

دیدگاه بگذارید

avatar
  Subscribe  
Notify of