تبلیغات

ترجمه w3schools – یادگیری HTML: خصوصیات در HTML

اطلاعیه
از تاریخ 13 اردبیهشت 1398، تصمیم گرفتیم که مطالبی را براساس مستندات بخش «یادگیری HTML وبسایت w3schools» انتشار نماییم. به گونه‌ای که می‌توان گفت، این مطالب قرار است تقریبا ترجمه‌ی همان مطالب اصلی باشند. و همچنین جهت دسترسی به تمامی موارد بخش یادگیری HTML این سایت، از منوی شناور موجود در «این لینک» استفاده نمایید. توجه داشته باشید که این روند هنوز به اتمام نرسیده و مطالب ناقص هستند. و در نهایت منتظر نظرات شما دوستان عزیز هستیم.

خصوصیات (Attribute، ویژگی، صفت)، اطلاعات بیشتری را درباره‌ی المنت‌ها فراهم می‌کنند.

خصوصیات در HTML

  • تمامی المنت‌های HTML، می‌توانند خصوصیاتی داشته باشند.
  • خصوصیات، اطلاعات بیشتری را درباره‌ی المنت‌ها فراهم می‌کنند.
  • خصوصیات، همیشه در تگ آغازین مشخص می‌شوند.
  • خصوصیات، معمولا به صورت جفت name/value یا نام/مقدار نوشته می‌شوند. برای مثال: name=”value”

صفت href

لینک‌ها در HTML، توسط تگ <a> تعریف می‌شوند. آدرس لینک با استفاده از ویژگی href مشخص می‌شود:

درباره‌ی لینک‌ها و تگ <a>، در آموزش‌های بعدی بیشتر یاد خواهید گرفت.

صفت src

تصاویر در HTML، با تگ <img> تعریف می‌‎شوند.

آدرس فایل تصویر نیز در صفت src تعریف می‌شود. (می‌توان آدرس تصویر را به صورت لینک مستقیم قرار دارد و یا اینکه از مسیر فعلی فایل به بعد را قرار داد؛ که در خط زیر، منظورمان تصویر img_fullkade_logo.jpg موجود در کنار فایل HTML می‌باشد.)

صفات width و height

تصاویر در HTML، شامل مجموعه‌ای از صفات مربوط به اندازه (size) هستند، که عرض و ارتفاع تصویر را مشخص ‌می‌کنند:

سایز یا اندازه‌ی تصویر، براساس پیکسل (px) است؛ یعنی width=”500″ برابر 500 پیکسل پهنا می‌باشد. و height=”500″ برابر 600 پیکسل طول (ارتفاع) می‌باشد

صفت alt

صفت alt، یک متن جایگزین برای زمانی که یک تصویر نتواند نمایش داده شود مشخص می‌کند.

صفت alt، همچنین برای زمانی که تصویر وجود نداشته باشد نیز استفاده می‌شود.

مثال: ببینید چه اتفاقی می‌افتد اگر ما سعی کنیم که تصویری را نمایش دهیم که وجود ندارد:

صفت style

صفت style، برای استایل دهی به یک المنتی استفاده می‌شود. مانند رنگ، فونت، اندازه و …:

درباره‌ی استایل دهی، در آموزش‌های بعدی و همچنین آموزش‌های CSS، بیشتر یاد خواهید گرفت.

صفت lang

زبان سند، در تگ <html> و توسط صفت lang می‌تواند تعریف شود.

تعریف زبان برای برنامه‌هایی که صفحه را می‌خوانند (اسکرین ریدرها، مثل مرورگرها) و همچنین موتورهای جستجو، مهم است:

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

صفت title

در مثال زیر، یک صفت title به المنت <p> اضافه شده است. مقدار title، به عنوان tooltip  (راهنمایی) و زمانی که ماوس به بالای پاراگراف برود، نمایش داده خوهاد شد:

پیشنهاد ما: استفاده از حروف کوچک برای صفات

در استاندارد HTML5، استفاده از حروف کوچک برای نام صفات/خصوصیات اجباری نیست. و عنوان صفات می‌تواند با حروف بزرگ یا کوچک نوشته شود؛ مانند title  یا TITLE.

اما W3C (کنسرسیوم جهانی وب) توصیه می‌کند که از حروف کوچک در HTML استفاده شود.

در فول کده، ما همیشه از حروف کوچک برای نام خصوصیات استفاده می‌کنیم.

پیشنهاد ما: استفاده از کوتیشن برای مقدار صفت

در استاندارد HTML5، استفاده از کوتیشن (quotes) در اطراف مقدار صفات اجباری نیست.

لذا در مثال زیر، صفت href با توجه به توضیح بالا، می‌تواند به دو صورت زیر نوشته شود:

اما W3C (کنسرسیوم جهانی وب) توصیه می‌کند که از کوتیشن‌ها استفاده کنید. مثلا در مثال زیر، صفت title به درستی مقدار نوشته شده برای آن را نمایش نخواهد داد! چرا که مقدار آن شامل فاصله (Space) است:

استفاده از کوتیشن‌ها مرسوم‌تر است. نادیده‌گرفتن کوتیشن‌ها می‌تواند موجوب تولید ارورهایی شود.
در فول کده، ما همیشه از کوتیشن‌ها در اطراف مقادیر صفات استفاده می‌کنیم.

تک کوتیشن یا دابل کوتیشن؟!

گرچه استفاده از حرف دابل‌کوتیشن ( ” ) در اطراف مقادیر ویژگی‌های HTML مرسوم‌تر است؛ اما از سینگل‌کوتیشن ( ‘ ) نیز می‌توان استفاده کرد!

و البته در برخی از شرایط، زمانی که خود  مقدار ویژگی نیز شامل دابل‌کوتیشن باشد، لازم است که از سینگل‌کوتیشن استفاده شود:

و یا برعکس:


خلاصه‌ی درس

  • تمام المنت‌های HTML می‌توانند خصوصیات یا صفاتی داشته باشند.
  • صفت title، اطلاعات اضافه در قالب tool-tip نمایش می‌دهد.
  • صفت href، محلی برای نوشتن آدرس لینک‌ها می‌باشد.
  • صفات width و height، اندازه‌ی تصویر را مشخص می‌کنند.
  • صفت alt، یک متن برای مرورگرهای صفحه (اسکرین ریدرها) فراهم می‌کند.
  • در فول کده، ما همیشه از حروف کوچک برای نوشتن نام ویژگی‌ها استفاده می‌کنیم.
  • در فول کده، ما همیشه از کوتیشن در اطراف مقدار ویژگی‌ها استفاده می‌کنیم.

پس از اتمام دروس، لیست کامل صفات را به سایت اضافه خواهیم کرد.

درس بعدی (به زودی)درس قبلی
تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک گذاری اطلاعات در هر زمینه‌ای / برنامه‌نویس / مدیر فول کده

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه