دسترسی HTML
قابلیت دسترسی به HTML
HTML را با در دسترس بودن بنویسید. راه خوبی برای پیمایش و تعامل با سایت خود در اختیار کاربر قرار دهید. کد HTML خود را تا آنجا که ممکن است معنایی کنید تا درک آن برای بازدیدکنندگان و خوانندگان صفحه آسان باشد.
معنایی HTML
HTML معنایی به معنای استفاده هر چه بیشتر عناصر صحیح HTML برای هدف صحیح آنهاست. عناصر معنایی عناصری با معنا
هستند. اگر به یک دکمه نیاز دارید ، از عنصر <button> (و نه عنصر <div>) استفاده کنید.
.
HTML معنایی زمینه را به خوانندگان صفحه می دهد ، که مطالب یک صفحه را با صدای بلند می خوانند.
با در نظر گرفتن مثال دکمه:
- دکمه ها به طور پیش فرض از یک سبک مناسب تری برخوردار هستند
- صفحه خوان آن را به عنوان یک دکمه مشخص می کند
- متمرکز
- قابل کلیک
همچنین یک دکمه برای افرادی که به پیمایش فقط با صفحه کلید تکیه می کنند قابل دسترسی است. هم با ماوس و هم با کلید قابل کلیک است و می توان بین آن زبانه بندی کرد (با استفاده از دکمه تب روی صفحه کلید).
نمونه هایی از عناصر غیر معنایی: <div> و <span> - در مورد محتوای آن چیزی نمی گوید.
نمونه هایی از عناصر معنایی: <form>، <table> و <article> - محتوای آن را
به وضوح تعریف می کند.
عناوین مهم هستند
عنوان ها با برچسب <h1> تا <h6>
تعریف می شوند:
:
مثال
<h1>عنوان 1</h1>
<h2>عنوان 2</h2>
<h3>عنوان 3</h3>
<h4>عنوان 4</h4>
<h5>عنوان
5</h5>
<h6>عنوان 6</h6>
خودتان
آزمایش کنید »
موتورهای جستجو از عناوین برای فهرست بندی ساختار و محتوای صفحات وب شما استفاده می کنند.
کاربران از عناوین آن صفحات شما را حذف می کنند. استفاده از عناوین برای نشان دادن ساختار سند و روابط بین بخشهای مختلف مهم است.
از عناوین <h1> باید برای عناوین اصلی استفاده شود و به دنبال آن عناوین
<h2> و سپس از <h3> با اهمیت
کمتری و
غیره استفاده شود.
توجه :: از عناوین HTML فقط برای عنوان استفاده کنید. از عنوان برای بزرگ یا بزرگ نوشتن متن استفاده نکنید. .
متن جایگزین
alt زمانی که عکس نمایش داده نشود نمایش داده می شود.
اگر alt به دلایلی کاربر نتواند آن را مشاهده کند ، ویژگی alt یک متن جایگزین ارائه می دهد (به دلیل اتصال کند ،
خطایی در ویژگی src یا اگر کاربر از صفحه خواننده استفاده می کند).
مقدار ویژگی alt باید تصویر را توصیف کند:
اگر یک مرورگر نتواند تصویری پیدا کند ، مقدار ویژگی alt را نمایش می دهد:
زبان را اعلام کنید
برای اعلام زبان صفحه وب ، باید همیشه ویژگی lang را درون برچسب <html>
قرار دهید. این به منظور کمک به موتورهای جستجو و مرورگرها است.
<!DOCTYPE html>
<html lang="fa">
<body>
...
</body>
</html>
از بیان شفاف و روان استفاده کنید
همیشه از زبانی شفاف استفاده کنید که درک آن آسان باشد. همچنین سعی کنید از شخصیت هایی که خواننده صفحه آنها را به وضوح نمی خواند ، خودداری کنید. مثلا:
- جملات را تا حد ممکن کوتاه نگه دارید
- از خط تیره خودداری کنید. به جای نوشتن 1-3 ، 1 تا 3 را بنویسید
- از اختصارات خودداری کنید. به جای نوشتن ق ، قاشق بنویسید
- از کلمات عامیانه بپرهیزید
متن پیوند خوب ایجاد کنید
متن پیوند باید به روشنی توضیح دهد که خواننده با کلیک بر روی آن پیوند چه اطلاعاتی را بدست می آورد.
نمونه هایی از پیوندهای خوب و بد:
عنوان ویژگی ها
ویژگی عنوان title اطلاعات اضافی در مورد یک عنصر را مشخص می کند.
وقتی ماوس بر روی عنصر حرکت می کند ، اطلاعات اغلب به عنوان متن راهنما نشان داده می شوند.
ویژگی عنوان title را می توان در هر عنصر HTML استفاده کرد (این
اعتبار در مورد هر عنصر HTML معتبر خواهد بود. با این وجود لزوماً مفید نیست).
مثال
<a href="https://www.farsiw3.ir/html/" title="">به آموزش HTML ما مراجعه کنید</a>
خودتان
آزمایش کنید »
سایت توسط چارچوب farsiw3.ir طراحی شده است.
