تعبیر خلاقانه یک طراح وب از برج پیزا

یادم نیست کجا دیدم ولی خیلی خلاقانه است!

2228_540

کمی هم برای علمی شدن پست:

هرچه بین دو تگ <i> و </i> (همچنین em) نوشته شود به این شکل کج نمایش داده خواهدشد. استفاده از em که سرواژه‌ی emphasis به معنی تاکید است به دلیلی که نمیدانم بر i (سرواژه Italic) ارجح است.(همینطور strong بر b)برای کج کردن یک تکه متن از CSS هم میتوان استفاده کرد که برای یک بخش کوچک لقمه دور سر پیچاندن است اما کاربردش را سروقتش به شما نشان خواهد داد:

font-style: italic;

تا آنجا که یادم می‌آید این اسم گذاری به دلیل این بوده که ایتالیایی ها حروف الفبا را کج می‌نوشته اند.

italic

کج، مايل، ايتاليك
حالتى كه در آن سر كاراكترها به سمت راست تمايل دارد. اين حالت حروف معمولا براى تأكيد، كلمات زبانهاى خارجى، عناوين و اصطلاحات فنى به كار مى رود.

 

Persian computer encylopedia

, , ,

  1. #1 توسط حسین در اوت 13, 2010 - 5:54 ب.ظ.

    خیلی علمی بود ما که نفهمیدیم. نمی شد کمی واضح تر توضیح بدین بگین اصلن در باره چی دارین حرف می زنین؟

  2. #2 توسط امید در اوت 13, 2010 - 7:40 ب.ظ.

    em برای تغییر پیکسل px است به تناسب بزرگی استاندارد پیکسل مثلا em. مثلا اگر استاندارد p شما 10px باشه با تگ em : 1.2 تبدیل می شه به 12px. بنابراین این حرف شما که em بر i ارجح است درست نیست.

    • #3 توسط void در اوت 13, 2010 - 9:40 ب.ظ.

      اینکه em بر px ترجیح دارد به طور کلی حرف درستی است. این امر لااقل دو دلیل مهم دارد:

      ۱. اینکه em نسبی است و px مطلق تنها در صورتی موضوعیت ندارد که کاربرد در حد و اندازه همین مثال شما باشد (مثلا یک صفحه کوچک داشته باشید با دو سه تا تگ). در غیر این صورت این تمایز بسیار مهم است. اگر سایز هر المنت با px تعریف شود، در صورتی که بعدا بخواهید تمام اجرا را به یک میزان تغییر انداره دهید باید تک تک این موارد را اصلاح کنید. در صورت استفاده از مقیاس های نسبی (em و % و غیره) همین کار با اصلاح تنها یک مقدار امکان پذیر است.

      ۲. IE6 متونی را که اندازه شان با px تعریف شده باشد با آپشن Text Size تغییر اندازه نمی دهد. این مشکل در نسخه های بعدی IE هم وجود دارد اما در آن ها می توان به جای Text Size از ابزار زوم استفاده کرد.

      به طور خلاصه به دلایل بالا و دلایل دیگر، در اغلب موارد استفاه صرف از مقیاس های مطلق، maintenance و accessibility را دچار مشکل می کند.

  3. #4 توسط void در اوت 13, 2010 - 9:19 ب.ظ.

    اینکه چرا نباید از تگ های و استفاده کرد به ایده جذاسازی محتوا از نمایش بر می گردد. یعنی فایل HTML باید تا حد امکان خالی از عناصر «نمایشی» باشد و تنها عناصر دارای «مفهوم» در آن استفاده شود. نحوه نمایش در stylesheet تعیین می شود. در این مورد بخصوص، بخشی از محتوا را «تاکید» می کند. این عمل تاکید کردن امری محتوایی است. اما صرفا می گوید این بخش را کج یا ایتالیک نشان بده، یعنی امری کاملا نمایشی که از نظر مفهومی بی معناست. مثال می زنم:

    هوا خیلی سرده.

    هوا خیلی سرده.

    فکر می کنم تفاوت این دو کاربرد واضح باشد. ضمنا می توان نحوه نمایش بخشهای «موکد» را در فایل CSS به نحو دیگری تعریف کرد (مثلا ممکن است بخواهیم برای تاکید، به جای ایتالیک کردن از فونت قرمز استفاده کنیم) بدون اینکه تناقضی با نام تگ ها ایجاد شود.

  4. #5 توسط void در اوت 13, 2010 - 9:22 ب.ظ.

    خوب ظاهرا کامنت های وردپرس sanitize نمی شوند و کامنت قبلی من به هم ریخت. نسخه به طور دستی sanitize شده را دوباره ارسال می کنم:

    اینکه چرا نباید از تگ های <i> و <b> استفاده کرد به ایده جذاسازی محتوا از نمایش بر می گردد. یعنی فایل HTML باید تا حد امکان خالی از عناصر «نمایشی» باشد و تنها عناصر دارای «مفهوم» در آن استفاده شود. نحوه نمایش در stylesheet تعیین می شود. در این مورد بخصوص، <em> بخشی از محتوا را «تاکید» می کند. این عمل تاکید کردن امری محتوایی است. اما <i> صرفا می گوید این بخش را کج یا ایتالیک نشان بده، یعنی امری کاملا نمایشی که از نظر مفهومی بی معناست. مثال می زنم:

    هوا <تاکید>خیلی</تاکید> سرده.

    هوا <کچ>خیلی</کج> سرده.

    فکر می کنم تفاوت این دو کاربرد واضح باشد. ضمنا می توان نحوه نمایش بخشهای «موکد» را در فایل CSS به نحو دیگری تعریف کرد (مثلا ممکن است بخواهیم برای تاکید، به جای ایتالیک کردن از فونت قرمز استفاده کنیم) بدون اینکه تناقضی با نام تگ ها ایجاد شود.

  5. #6 توسط void در اوت 13, 2010 - 9:25 ب.ظ.

    ظاهرا سیستم کامنت ها santiization ندارد و کامنت قبلی به هم ریخت. مجبورم دستی sanitize کنم:

    اینکه چرا نباید از تگ های <i> و <b> استفاده کرد به ایده جذاسازی محتوا از نمایش بر می گردد. یعنی فایل HTML باید تا حد امکان خالی از عناصر «نمایشی» باشد و تنها عناصر دارای «مفهوم» در آن استفاده شود. نحوه نمایش در stylesheet تعیین می شود. در این مورد بخصوص، <em> بخشی از محتوا را «تاکید» می کند. این عمل تاکید کردن امری محتوایی است. اما <i> صرفا می گوید این بخش را کج یا ایتالیک نشان بده، یعنی امری کاملا نمایشی که از نظر مفهومی بی معناست. مثال می زنم:

    هوا <تاکید>خیلی</تاکید> سرده.

    هوا <کچ>خیلی</کج> سرده.

    فکر می کنم تفاوت این دو کاربرد واضح باشد. ضمنا می توان نحوه نمایش بخشهای «موکد» را در فایل CSS به نحو دیگری تعریف کرد (مثلا ممکن است بخواهیم برای تاکید، به جای ایتالیک کردن از فونت قرمز استفاده کنیم) بدون اینکه تناقضی با نام تگ ها ایجاد شود.

    • #7 توسط محمد جعفر در اوت 18, 2010 - 5:51 ب.ظ.

      از توضیحاتتون ممنون🙂

      ظاهرا سیستم کامنت ها santiization ندارد و کامنت قبلی به هم ریخت. مجبورم دستی sanitize کنم:

      دارد، ولی عمدا نسبت به بعضی تگ‌ها حساس نیست.

  6. #8 توسط الهام - روح پرتابل در اوت 15, 2010 - 2:03 ق.ظ.

    نمی دونید چرا به ارجحیت داره؟
    اگر نمی دونید اینو توضیح بدم
    چون کامنت های بالا گیج کننده بودند و نمی دانم بالاخره به سوال پاسخ دادند یا خیر؟

  7. #9 توسط الهام - روح پرتابل در اوت 15, 2010 - 2:05 ق.ظ.

    بله کامنت منم به هم ریخت
    دوباره درستش رو بنویسم:

    نمی دونید چرا به ارجحیت داره؟
    اگر نمی دونید اینو توضیح بدم
    چون کامنت های بالا گیج کننده بودند و نمی دانم بالاخره به سوال شما پاسخ دادند یا خیر؟

  8. #10 توسط الهام - روح پرتابل در اوت 15, 2010 - 2:06 ق.ظ.

    بازم نشد!
    خلاصه که اگر فرق ای ام و آی رو نمی دونید توضیح بدم

    • #11 توسط محمد جعفر در اوت 15, 2010 - 5:17 ق.ظ.

      فكر كنم يه چيزايي فهميدم- ام ميگه روي اين قسمت تاكيد دارم و الزامي نيست كه براي تاكيد حروف ايتاليك بشن اما آى به خودي خود بار مفهومي نداره و فقط حروف رو مايل مي كنه-

      اگر اشتباه متوجه شدم يا توضيح تكميلىاي مي خواهيد بدهيد، خوشحال ميشم كه منو بي نصيب نگذاريد

      • #12 توسط الهام - روح پرتابل در اوت 16, 2010 - 2:17 ق.ظ.

        اول اینکه توی مرورگرهای مختلف ممکنه یکسان ترجمه نشن.
        دوم اینکه توی صفحه نمایش های کوچیک مثل موبایل ها و تاچ پد ها گاهی متن با ایتالیک تنها، ایتالیک نشون داده نمی شه و حتماً باید از ام استفاده کرد
        ولی بزرگترین تفاوت و مهمترینشون کاربردیه که برای افراد نابینا داره، این افراد از برنامه های استفاده می کنن که متن رو براشون می خونه و اون برنامه ها این تگ رو می شناسن نه آی رو. البته این برنامه ها فقط مختص افراد نابینا نیستند و افراد بینا هم گاهی برای تسهیل امور ازشون بهره می برند.
        عیناً همین حکایت برای دو تگ بی (بولد) و استرانگ هم هست

        • #13 توسط محمد جعفر در اوت 18, 2010 - 5:53 ب.ظ.

          باز هم ممنون!
          تا حالا دقت نکرده بودم توی موبایل بولد و ایتالیک نداریم!

  1. 2010 in review « نوشته‌های گاه و بی‌گاه»باران دیجیتالی

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

%d وب‌نوشت‌نویس این را دوست دارند: