آموزش HTML (قسمت 3) : صفت ها در HTML

- visibility ۳۲ mode_comment

کار صفت ها چیست؟

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

  • Name : نام صفتی که میخواهید کنترل کنید. مثلا صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل می کند.
  • Value : مقداری است که برای صفت تعیین می شود. مثلا مقدار right برای صفت align در تگ p، باعث راست چین شدن متن پاراگراف می شود. Valueها همیشه باید در داخل کوتیشن ها (double یا single) قرار بگیرند و با علامت = به نام صفت منتسب شوند.

شکل کلی تعریف صفات برای عناصر به این صورت است:

مثال زیر پاراگراف را راست چین می کند:

همانطور که در قبل اشاره شد بعضی از صفت ها که به عنوان صفت های عمومی شناخته می شوند در تمام تگ ها کار یکسانی را انجام میدهند. در ادامه مطلب با این صفت ها و کار هر کدام آشنا خواهید شد:

معرفی صفات عمومی

id: از این صفت برای تعیین یک شناسه برای یک عنصر استفاده می شود. این شناسه می بایست در صفحه یکتا باشد. یعنی نباید برای صفت id، دو عنصر مختلف،یک مقدار مساوی انتخاب کنیم. از این صفت برای نسبت دادن یک گزینشگر ID به یک عنصر نیز استفاده میشود. مثال:

class: از این صفت برای نسبت دادن کلاسی که به زبان CSS نوشته شده است به یک عنصر استفاده میشود.

مثال:

dir: جهت گیری متن داخل یک عنصر را کنترل میکند. این صفت دارای دو مقدار است :

  • rtl: برای جهت گیری عنصر از راست به چپ
  • ltr: برای جهت گیری عنصر از چپ به راست

مثال:

info نکته :

مقدار پیش فرض این صفت ltr است. یعنی در صورت مقدار ندادن به این صفت، جهت گیری عنصر ما به صورت پیشفرض از چپ به راست خواهد بود.

comment دیدگاه کاربران
elh@m

سلام….
آموزشتون بسیار بسیار بسیار عالیه…. خدا خیرتون بده…
یه سوال داشتم…صفت lang یعنی چی؟؟ یه مثال ازش میزنید؟
یعنی چی که “. شما میتوانید این صفت را برای هر نوع عنصر دیگری که زبان آن غیر از آن چیزی است که در تگ تعریف شده است “؟؟ این fa ,en ,… اینا چی هستن؟؟

لقمان آوند

خوب برای اینکه زبان محتوای تگ رو معین کنید این ویژگی استفاده میشه. مثلا یه پاراگراف مثل زیر که محتوای فرانسوی داره :
<p lang="fr">Ceci est un paragraphe.</p>
یا این یکی که فارسیه :
<p lang="fa">این یک پاراگراف است</p>
یک ویژگی منطقی هست و پیشنهاد میشه برای استفاده از زبان های دیگه در تگی خاص استفاده بشه .

elh@m

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

لقمان آوند

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

elh@m

راستی ، کاش آخر آموزشهاتون ، تمرینی ، مثالی چیزی میذاشتین تا خودمونو تست کنیم ببینیم چقدر یاد گرفتیم!
اگه اینکارو کنین ممنون میشم

Sahar66

با سلام و تشکر از آموزش های خوبتون
صفت Id و Class رو اصلا متوجه نمیشم که کاربردشون چیه؟
میشه ساده تر برام توضیح بدین؟
ممنون

سجاد دریس

سلام.
این نظرات رو بخونید

کیوان علی محمدی

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

محمّد حسن مهرآذر

سلام ببخشید در جاهایی شما فاصله قرار دادید ولی در جاهایی ندادید حتما باید به این صورت نوشته بشه؟
مثلا در عبارت rtl فاصله دادید:’rtl’> این یک پاراگراف راست به چپ است اما در عبارت contenteditable گفتید:’true’>این یک پاراگراف قابل ویرایش است.
پس این دو تا با هم فرق دارن یعنی در جایی فاصله داده شده ولی در عبارت دیگر نداده شده.

سجاد دریس

سلام.
نه فرق چندانی ندارن، بودن یا نبودن فاصله هم مهم نیست. فقط برای خوانایی کد، قبل و بعدش یه فاصله گذاشتم.

محمّد حسن مهرآذر

سلام ممنون از پاسختون.و ببخشید یک سوال دیگه الان من دارم HTML رو میخونم همزمان CSS هم بخونم چیزی از CSS دستگیرم میشه یا نه باید اول HTML رو تموم کنم؟

با تشکر

کیوان علی محمدی

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

محمّد حسن مهرآذر

خیلی متشکرم.

ارسال نظرات

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

1 2