سلام و دورود میگم خدمت تمام دوستان و همراهان همیشگی وب سایت سون رپیلای در خدمت شما هستم با یکی دیگه
از آموزش html و css توی این جلسه از آموزش html و css می خواهیم آموزش attribute در html به بررسی برخی از ویژگی های زبان HTML بپردازیم .
attribute در html چیست؟
برخی از برچسب های HTML مانند برچسب های تیتر و برچسب های پاراگراف، و موارد استفاده ی آنها را مشاهده کردیم. تاکنون از آنها به ساده ترین شکل خود استفاده کرده ایم،
اما بیشتر برچسب های HTML می توانند ویژگی هایی داشته باشند که مقداری اطلاعات اضافه می باشد.
یک attribute برای تعریف ویژگی های عنصر HTML استفاده می شود و در داخل برچسب بازکننده ی عنصر قرار می گیرد. همه ی ویژگی ها از دو بخش تشکیل شده اند: name و value.
آموزش attribute در html
- تمام اتریبیوت ها در HTML دارای خصوصیت هستند.
- اتریبیوت ها اطلاعات بیشتری در مورد یک عنصر می دهند.
- اتریبیوت ها همیشه در تگ شروع نوشته می شوند.
- اتریبیوت ها به صورت روبرو نوشته می شوند: (“مقدار”=نام اتریبیوت )
مقدار اتریبیوت داخل کوتیشن قرار خواهد گرفت
- مقدار اتریبیوت ها همیشه باید درون کوتیشن قرار بگیرد.
- دابل کوتیشن رایج تر است، اما تک کوتیشن نیز مجاز است.
نکته: در بعضی حالت های خاص، هنگامی که مقدار خصوصیتی خود حاوی کوتیشن نیز هست، ضروری است که از تک کوتیشن استفاده کنیم.
مثال ساده
|
1 |
<p align="left">This is left aligned 7reply.com</p> |
نکاتی درباره attribute یک عنصر در HTML :
- تمامی عناصر موجود در HTML میتوانند صفت داشته باشند
- یک صفت یکسری اطلاعات در مورد عنصر مورد نظر میدهد
- یک صفت همیشه در قسمت تگ شروع یک عنصر قرار میگیرد
- یک صفت معمولا از دو قسمت تشکیل می شود (نام صفت + مقدار)
- صفات در HTML به حروف کوچک و بزرگ انگلیسی حساس نیستند ولی پیشنهاد میکنم حتما با حروف کوچک انگلیسی بنویسید.
- در HTML5 اگر در قسمت مقدار یک صفت علامت های ” ” را نگذارید باز هم خروجی صحیح به شما نمایش داده می شود. البته به شرطی که در محتوای مقدار یک صفت، فاصله ای ایجاد نشود. و اگر فاصله ای ایجاد شود لازم و ضروری است که از ” ” استفاده شود.
- مقدار یک صفت را در بین تک کوتیشن ‘ ‘ یا دوبل کوتیشن ” ” میشه گذاشت و فرقی ندارد.حتی از هر دو در کنار هم میشه استفاده کرد.
تگ ها و اتریبیوت های ممنوع و منسوخ شده در HTML
آموزش attribute در html
تگ ها و اتریبیوتهایی در زبان HTML وجود دارند که بنا به گفته W3C این یا منسوخ شده اند و یا استفاده از آنها ممنوع است.
هرچند امروزه همه مرورگرها از این تگ ها پشتیبانی میکنند اما ممکن است در آینده این اتفاق نیفتد.
بنابراین بهتر است تا این تگ ها و اتریبیوتها در کدهای خود استفاده نکنید.
اتریبیوت dir
با استفاده از این صفت می توانید مشخص کنید که یک عنصر راست چین باشد یا چپ چین و دو مقدار زیر را می پذیرد
- ltr : این مقدار عنصر را چپ چین می کند.
- rtl : این مقدار عنصر را راست چین می کند.
این صفت به صورت پیش فرض برروی چپ چین تنظیم شده است و در صورتی که این صفت را مشخص نکنید عنصر شما چپ چین خواهد بود.
نمونه کد استفاده شده
|
1 2 3 4 5 6 7 8 9 10 11 |
<body dir="rtl"> <p> dafafa </p> <p> test </p> <p> test 2 </p> </body> |
اتریبیوت lang
با استفاد از این صفت می توانید زبان صفحه و هر عنصر را مشخص کنید. این صفت معمولا برای تگ <html> استفاده می شود چون معمولا زبان کل صفحه را مشخص می کند ولی برای دیگر عناصر نیز قابل استفاده است. مقادیری که این صفت می پذیرد کوتاه شده نام لاتین زبان هاست مثلا فارسی می شود fa انگلیسی می شود en ,…
نمونه کد html
|
1 |
<html lang="fa-IR"></html> |
تگ <p> جزء تگ هایی است که اگر تگ پایان را هم نگذاریم صفحه را به درستی نمایش می دهد .
Attribute های تگ <p>
align : این خصوصیت مشخص می کند که متن داخل پاراگراف در چه جهتی تراز شود که می توان از چهار Value زیر استفاده کرد .
مثال کد
|
1 2 3 4 5 6 7 |
<p align=”center”>This is a paragraph</p> <p align=”left”>This is a paragraph</p> <p align=”right”>This is a paragraph</p> <p align=”justify”>This is a paragraph</p> |
نکته : خصوصیت align در HTML5 پشتیبانی نمی شود .
هیچ دیدگاهی برای این نوشته ثبت نشده است.