بررسی خصوصیات یا Attribute

به نام خدا, با سلام خدمت دوستان عزیز.در واقع Attributes براي افزايش توان تگ ها بكار مي روند. اما چطور اين امكان پذير است ؟ در واقع هنگامي كه مرورگر تگ شما را تفسير مي كند ، ابتدا به دنبال خصوصيات آن تگ مي گردد چنانچه آنها را پيدا كرد ، آنها را همراه با تگ يك جا نمايش مي دهد . مثلا در بعضي موارد شما مي خواهيم رنگ Body يا بدنه اصلي صفحه خود را تغيير دهيد يا شايد تغييري در عرض و طول يك جدول . تمامي اين موارد و خيلي بيشتر با استفاده از خصوصيات امكان پذير است . در بخش هاي بعدي اين آموزش من شما را با تعداي بيشتري از خصوصيات آشنا مي كنم . اما در اين بخش قصد درام تا روي خصوصياتي كه در تعداد بيشتري از تگ ها عموميت دارند سخن به ميان آورم.

Class و ID Attribute
كلاس و خصوصيت ID بسيار شبيه هم هستند . آنها نقش مستقيمي در قالب بندي المنتهاي ما بازي نمي كنند اما آنها نقشي در پشت پرده كار دارند جايي كه ما از زبان هاي ديگر و يا CSS بقولي شيوه نامه ها بهره مي گيريم . اين دو خصوصيت بسيار در CSS كاربرد دارند و همانطوري كه از نام آنها مي ايد بيشتر براي طبقه بندي و شناسائي تگ ها مورد استفاده قرار مي گيرند . اين خصوصياتي زماني بيشتر احساس مي شوند كه شما مي خواهيد از دو يا تعدادي بيشتر تگ مشابه در صفحه خود بهره گيريد و مي خواهيد هر كدام از آنها را با چهره متفاوت نمايش دهيد .
مثال :::

Paragraph type 1 Italics

>
Paragraph type 2 Bold

براي ديدن نتيجه برروي لينك روبرو كليك كنيد . ::: نتيجه :::

خصوصيت Name
Name تفريبا نقش كاملا متفاوتي نسبت به دو خصوصيت گفته شده دارد . بطوري كه براي شناسائي و يا در زبان هاي برنامه نويسي مانند Javascript و ASP و Php مورد استفاده قرار مي گيرد. بطور مثال چنانچه شما بخواهيد متغييري تعريف كنيد كه مقداري از يك Textinput مي گيريد بايد نامي براي Textinput خود تعيين كنيد تا با توجه به آن مقدار در متغيير ذخيره شود . همانطوري كه گفته شد از اين خصوصيت در فرم ها و يا در user-input elements استفاده مي شود .
مثال :::

براي ديدن نتيجه برروي لينك روبرو كليك كنيد . ::: نتيجه :::
همانطوري كه ملاحضه مي كنيد اين خصوصيت هيچ تاثيري برروي نمايش اين تگ ندارد .

خصوصيت Title
اين خصوصيت ، خصوصيتي است كه تقريبا توسط برنامه نويسان فراموش مي شود . در واقع اين خصوصيت متني را به المنت شما اضافه مي كند . بطوري كه با قرار دادن موس برروي تگ مورد نظر آن متن نمايش داده مي شود و با خارج كردن ماوس از آن ناحيه متن ناپديد مي شود . من به شما هم پيشنهاد مي كنم كه هرگز از اين خصوصيت چشم پوشي نكنيد ( سعي مي كنم در مورد موارد استفاده در مبحثي به نام Seo بطور ويژه بررسي انجام دهيم )
مثال :::

Titled Heading Tag

براي ديدن نتيجه برروي لينك روبرو كليك كنيد . ::: نتيجه :::

Align Attribute
چنانچه شما مايل هستيد تا موقعيت افقي المنت خود را در صفحه تغيير دهيد مي توانيد از خصوصيت Align در تگ خود بهره گيريد . شما مي توانيد موقعيت را چپ و يا راست و مركز قرار دهيد . بطور پيش فرض اكثر تگ ها left align هستند مگر اينكه به طور خاص تعيين شده باشند .
مثال :::

Centered Heading

براي ديدن نتيجه برروي لينك روبرو كليك كنيد . ::: نتيجه :::
مثال :::

Left aligned heading
Centered Heading
Right aligned heading

براي ديدن نتيجه برروي لينك روبرو كليك كنيد . ::: نتيجه :::

خصوصيات پيش فرض
بسياري از تگ ها خصوصياتشان مقداري پيش فرض دارند . مگر آنكه توسط ايجاد كننده مقداري خاص تعيين شود . بطور مثال تگ p كه براي ايجاد پاراگراف بكار مي رود بطور پيش فرض متن را به صورت چپ align مي كند . يا مثلا مقاديري كه در يك جدول قرار مي گيرند بطور پيش فرض در محور عمودي در مركز قرار مي گيرند و در محور افقي ، دست چپ قرار مي گيرند. وقتي كه شما در مورد تگ ها و خصوصيت آنها مطالبي را مي آموزيد ، بهتر است كه در مورد مقادير پيش فرض خصوصيات نيز اطلاعاتي را كسب كنيد .

خصوصيات عام ::
در ليست پائين من يكسري از خصوصيات كه كاربرد بيشتري دارند و همچنين در اكثر تگ ها ديده مي شوند را در جدولي قرار داده ام :

خصوصيت	اختيارات	نقش
align	right, left, center	موقعيت افقي محتواي تگ را مشخص مي كند
valign	top, middle, bottom	موقعيت عمودي محتواي تگ را مشخص مي كند
bgcolor	numeric, hexidecimal, RGB values	يك پشت زمينه براي المنت شما در نظر مي گيريد
background	URL	يك پشت زمينه براي المنت شما در نظر مي گيريد . البته اين مقدار يك تصوير است
id	كاربر تعيين مي كند	نامي كه براي يك امنت در نظر گرفته مي شود و در Css بكار مي رود .
class	كاربر تعيين مي كند	طبقه بندي كردن يك المنت براي استفاده در Css
width	مقدار عددي	براي تعيين كردن عرض يك جدول يا تصوير و سلول هاي جدول مورد استفاده قرار مي گيرد
height	مقدار عددي	براي تعيين كردن طول يك جدول يا تصوير و سلول هاي جدول مورد استفاده قرار مي گيرد
title	كاربر تعيين مي كند	مقداري متني را در هنگام قرار دادن ماوس برروي المنت به ما نمايش مي دهد .