٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش قابلیت دسترسی به HTML

قابلیت دسترسی به HTML همیشه کد HTML را با در دسترس بودن بنویسید! راه خوبی برای پیمایش و تعامل با سایت خود در اختیار کاربر قرار دهید. کد HTML خود را تا آنجا که ممکن است معنایی کنید. HTML معنایی HTML معنایی به معنای…

محمد یوسفی

3 جولای 2021

قابلیت دسترسی به HTML

همیشه کد HTML را با در دسترس بودن بنویسید!

راه خوبی برای پیمایش و تعامل با سایت خود در اختیار کاربر قرار دهید. کد HTML خود را تا آنجا که ممکن است معنایی کنید.


HTML معنایی

HTML معنایی به معنای استفاده حداکثر از عناصر صحیح HTML برای هدف صحیح آنها است. عناصر معنایی عناصری با معنا هستند. اگر به یک دکمه نیاز دارید ، از <button>عنصر (و نه یک <div>عنصر) استفاده کنید.

معنایی

<button>Click Me</button>

غیر معنایی

<div>Click Me</div>

HTML معنایی زمینه را به خوانندگان صفحه می دهد ، که مطالب یک صفحه را با صدای بلند می خوانند.

با در نظر گرفتن مثال دکمه:

  • دکمه ها به طور پیش فرض از سبک دهی مناسب تری برخوردار هستند
  • صفحه خوان آن را به عنوان یک دکمه مشخص می کند
  • متمرکز
  • قابل کلیک

برای افرادی که به پیمایش فقط با صفحه کلید تکیه می کنند ، یک دکمه نیز قابل دسترسی است. با ماوس و کلید می توان آن را کلیک کرد و می توان بین آن زبانه بندی کرد (با استفاده از دکمه تب روی صفحه کلید).

نمونه هایی از عناصر غیر معنایی : <div>و <span>– در مورد محتوای آن چیزی نمی گوید.

نمونه هایی از عناصر معنایی : <form>، <table>، و <article>– به وضوح محتوای آن را تعریف می کند.


عناوین مهم هستند

عنوان ها با برچسب <h1>to تعریف می شوند <h6>:

مثال

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

موتورهای جستجو از عناوین برای فهرست بندی ساختار و محتوای صفحات وب شما استفاده می کنند.

کاربران از عناوین آن صفحات شما را حذف می کنند. استفاده از عناوین برای نشان دادن ساختار سند و روابط بین بخشهای مختلف مهم است.

<h1>عنوان ها باید برای عناوین اصلی استفاده شوند ، به دنبال <h2>عنوان ها ، سپس کمتر مهم <h3>، و غیره.

توجه: از عناوین HTML فقط برای عنوان استفاده کنید. هنوز عنوان استفاده نمی به متن BIG یا جسورانه .

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها