به دلیل حجم بالای مطالب و زمان بر بودن دسته بندی و ترجمه آن ها، بخش هایی از سایت به صورت موقت غیر فعال است.

W3Persian.com

معادل فارسی وب سایت W3Schools.com، تقدیم به فارسی زبانان جهان!

بزرگ ترین وب سایت برنامه نویسی در ایران

خصوصیت های HTML

خوصیات، اطلاعات اضافی در مورد عناصر HTML را ارائه می کنند.

خصوصیت های HTML

  • همه عناصر HTML می توانند خصوصیت داشته باشند
  • خصوصیات، اطلاعات اضافی در مورد یک عنصر ارائه می کنند
  • خصوصیات همیشه در تگ شروع مشخص می شوند
  • خصوصیات معمولا به صورت نام خصوصیت به همراه = و مقدار خصوصیت در داخل " " تعریف می شوند، مثال: name="value"

خصوصیت href

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

مثال
<a href="https://www.w3schools.com">This is a link</a>خودتان امتحان کنید >

خصوصیت src

تصاویر در HTML با تگ <img> تعریف می شوند.
مسیر تصویر مورد نظر در این تگ با مشخصه src مشخص می شود.

مثال
<img src="img_girl.jpg">خودتان امتحان کنید >


در پایان این آموزش شما می توانید اطلاعات بیشتری در باره لینک ها و تگ <a> به دست آورید.

خصوصیت های width و height

برای تعیین کردن اندازه تصاویر در HTML از دو مشخصه width و height استفاده می کنند.

مثال
<img src="img_girl.jpg" width="500" height="600">خودتان امتحان کنید >

اندازه تصاویر بر مبنای پیکسل مشخص می شود: width="500" به معنای 500 پیکسل پهنای عکس است.
برای کسب اطلاعات بیشتر در مورد تصاویر به بخش عکس های HTML مراجعه کنید.

خصوصیت alt

خصیصه alt یک متن جایگزین است که در مواقعی که تصویر مورد نظر بارگذاری نمی شود نمایش داده می شود.
ارزش این ویژگی این است که می توان این متن را توسط صفحه خوان ها خواند، این ویژگی برای افراد نابینا که از صفحه خوان ها استفاده می کنند مناسب است.

مثال
<img src="img_girl.jpg" alt="Girl with a jacket">خودتان امتحان کنید >

خصیصه alt همچنین برای وقتی مفید است که تصویری وجود ندارد:

مثال
چه اتفاقی رخ می دهد اگر سعی کنیم تصویری را که وجود ندارد نمایش دهیم:
<img src="img_typo.jpg" alt="Girl with a jacket">خودتان امتحان کنید >

خصوصیت style

خصیصه style برای مشخص کردن ظاهر یک عنصر، مانند: رنگ، فونت، اندازه و غیره (کد نویسی CSS) به کار می رود.

مثال
<p style="color:red">I am a paragraph</p>خودتان امتحان کنید >

در این آموزش شما درباره ظاهر اطلاعات بیشتری کسب خواهید کرد، همچنین می توانید به بخش آموزش CSS نیز مراجعه کنید.

خصوصیت lang

زبان سند HTML را می توان در تگ <html> مشخص کرد.
زبان سند با مشخصه lang تعریف می شود.
مشخص کردن زبان برای نرم افزار های دسترسی (صفحه خوان ها) و موتور های جستجو اهمیت دارد.

<!DOCTYPE html> <html lang="en-US"> <body> ... </body> </html>

دو حرف اول زبان را مشخص می کنند (em)، دو حرف دوم نوع گویش را مشخص می کنند (US).

خصوصیت title

در این جا یک خصیصه title به عنصر <p> اضافه شده است. این خصیصه به عنوان یک راهنما برای عنصر مورد نظر عمل می کند و در زمانی که ماوس بر روی عنصر قرار گیرد به نمایش در می آید.

مثال
<p title="I am a tooltip"> This is a paragraph. </p>خودتان امتحان کنید >

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

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

پیشنهاد ما: مقادیر خصیصه ها را در بین نقل قول (" ") تعریف کنید

در کد نویسی استاندارد HTML5 هیچ درخواستی مبنی بر قرار دادن مقادیر خصوصیت ها در داخل نقل قول وجود ندارد.
خصیصه href که در بالا تعریف شده است به صورت زیر نیز می تواند تعریف شود:

مثال
<a href=https://www.w3schools.com>خودتان امتحان کنید >

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

مثال
<p title=About W3Schools>خودتان امتحان کنید >

استفاده از نقل قول ها یک عمل رایج است و صرف نظر کردن از آن ها موجب به وجود آمدن اشتباهات می شود.
در W3Persian ما همیشه برای تعریف خصیصه ها از نقل قول استفاده می کنیم.

نقل قول تکی یا دوتایی؟

استفاده از نقل قول دوتایی بهترین روش برای تعریف خصیصه ها در HTML است، اما از نقل قول تکی نیز می توان استفاده کرد
در مواقعی که مقدار خصیصه خود شامل نقل قول دوتایی است لازم است که برای تعریف خصیصه ها از نقل قول تکی استفاده شود:

مثال
<p title='John "ShotGun" Nelson'>

یا بر عکس:

مثال
<p title="John 'ShotGun' Nelson">

خلاصه فصل

  • همه عناصر HTML می توانند دارای خصوصیت باشند
  • خصیصه title اطلاعات اضافی در مورد عنصر HTML ارائه می کند
  • خصیصه href اطلاعات آدرس را برای لینک ها تعریف می کند<
  • خصوصیت های width و height اندازه تصاویر را مشخص می کنند
  • خصیصه alt متن را برای صفحه خوان ها تعریف می کند
  • در W3Persian ما همیشه خصوصیت ها را با حروف کوچک تعریف می کنیم
  • در W3Persian ما همیشه مقادیر خصیصه ها را با نقل قول دوتایی تعریف می کنیم

با تمرینات خودتان را امتحان کنید!

تمرین 1 تمرین 2 تمرین 3 تمرین 4 تمرین 5

خصوصیت های HTML

در زیر لیستی از خصیصه هایی که بیشتر استفاده می شوند آورده شده است:
خصوصیت توضیحات
alt یک متن جایگزین برای تصویر تعیین می کند، هنگامی که تصویر قابل نمایش نباشد
disabled مشخص می کند که یک عنصر input غیر فعال باشد
href آدرس اینترنتی برای لینک مشخص می کند
id یک شناصه منحصر به فرد برای عنصر مشخص می کند
src نشانی اینترنتی یک فایل یا تصویر را مشخص می کند
style کد نویسی CSS برای عنصر را فراهم می کند
title اطلاعات اضافی برای عنصر مشخص می کند (tool-tip)

شما می توانید لیست کامل خصوصیت های همه تگ های HTML را در منابع خصوصیت های HTML ببینید.