مرجع مقالات رسمی طراحی سایت مرجع مقالات رسمی طراحی سایت .

مرجع مقالات رسمی طراحی سایت

Attribute ها چه کار می کنند؟

Attribute
ها چه کار می کنند؟ همانگونه که می دانید هر عنصر HTML می تواند Attribute هایی (به معنا «ویژگی») داشته باشد . عمل این Attribute ها ارائه ی اطلاعات اکثر به این موادسازنده است و مدام در تگ آغازین حاضر می شوند . در بیشتر مواقع این Attribute ها دارای جفت های “name=”value میباشند که در ادامه با حساس ترین آن ها آشنا می شویم .

طراحی سایت در مشهد

خصوصیت
href لینک ها در زبان HTML با تگ توصیف می شوند و برای نشانی دهی این لینک ها از Attribute ای به نام href به کارگیری می شود .
مثال:
html>


The
href Attribute
HTML links are defined with the a tag .
The link address is specified in the href attribute:


This
is a link


1
2
3
4
5
6
7
8
9
10
11
html>


The
href Attribute
HTML links are defined with the a tag .
The link address is specified in the href attribute:


This
is a link


همانطور که می بینید نشانی لینک و پیوند را بوسیله href به تگ داده ایم . در مسئله لینک ها و تگ بعدا به شکل مفصل کلام خوا‌هیم کرد .

ویژگی
src تصاویر در زبان HTML با تگ توصیف می شوند اما این تگ صرفا توصیف کننده ی یک تصویر میباشد . اینکه کدام تصویر به نمایش در بیاید به عهده ی src می باشد . این Attribute نشانی پوشه تصویری قضیه لحاظ را به تگ می دهد .
به مثال تحت دقت کنید:
html>


The
src Attribute
HTML
images are defined with the img tag, and the filename of the image source is specified in the src attribute:


width="800" height="500">


1
2
3
4
5
6
7
8
9
10
11
html>


The
src Attribute
HTML
images are defined with the img tag, and the filename of the image source is specified in the src attribute:


width="800" height="500">


مشاهده
ی خروجی این کد در JSBin
در‌صورتی‌که به مثال بالا دقت کنید، دو Attribute دیگر نیز می بینید؛ width (به مفهوم «عرض») و height («طول») . در واقع اینها دو Attribute دیگر می‌باشند که در واحد پیکسل متن می شوند به این ترتیب در تصویر بالا که “width=”800 میباشد منظور این است که عرض تصویر 800 پیکسل باشد .
در مسئله تصاویر و Attribute هایشان بعدا به صورت مفصل کلام خوا هیم کرد و اینجا تنها قصد شناخت با Attribute ها را داریم .

ویژگی
alt alt متنی را معلوم می نماید تا درصورتی که به هر عاملی تصویر ما به کاربر نمایش داده نشد (مانند حذف شدن تصویر از سرور ما، تحریم شدن تصویر در ایران، ناسازگار بودن مرورگر کاربر با تارنما ما و …) به جای آن متنی سناریو داده شود تا کاربر بداند آن عکس چه بوده است . همچنین این نوشته می تواند توسط screen reader ها خوانده شود (دستگاه هایی که محتوای کاغذ را برای اشخاص روشن دل می خوانند) تا اشخاص نابینا یا این که افرادی که نمی توانند کاغذ را ببینند بتوانند آن را بخوانند .

از دیگر فایده های این Attribute یاری کردن به پباده سازی وبسایت هست . تصور کنید در src نشانی غلط یک تصویر را بدهید . زمانی که سایتتان بالا می آید دیگر چهره ای در کار نیست و در‌صورتی‌که برایش alt توصیف نکرده باشید، ممکن می‌باشد یادتان رفته باشد که این تصویر چه بوده است . درحال حاضر باید بگردید و ملاحظه کنید این تصویر مربوط به چه پست یا این که مطلبی بوده البته با alt می توانید به راحتی بفهمید کدام تصویر مد لحاظ بوده میباشد .


برچسب: طراحی سایت در مشهد،
امتیاز:
 
بازدید:

+ نوشته شده: ۱۰ تیر ۱۳۹۸ساعت: ۰۲:۴۸:۰۶ توسط:علی پور موضوع: نظرات (0)