قدم قبلی > | < قدم بعدی |
دسترسی به HTML
در این آموزش html به دسترسی به HTML می پردازیم.
نوشتن HTML با دسترسی به ذهن به کاربر یک راه خوب برای حرکت و ارتباط با سایت خود را. کد HTML خود را به عنوان معنایی که ممکن است، به طوری که کد برای بازدید کنندگان و خوانندگان صفحه نمایش آسان است.
HTML معنایی
معنای HTML به معنای استفاده از عناصر HTML صحیح برای هدف صحیح آن است تا آنجا که ممکن است. عناصر معنایی عناصر معنی دارند؛ اگر به یک دکمه نیاز دارید، از عنصر <button> استفاده کنید
۱ | <button>Click Me</button> |
۱ | <div>Click Me</div> |
HTML معنایی متن را برای خوانندگان روی صفحه نمایش می دهد که محتویات یک صفحه وب را با صدای بلند می خوانند.
با ذکر مثال دکمه:
دکمه ها به طور پیش فرض مناسب است
یک خواننده روی صفحه آن را به عنوان یک دکمه مشخص می کند
تمرکز
قابل کلیک
یک دکمه برای افرادی که به ناوبری تنها با صفحه کلید دسترسی دارند، قابل دسترسی است. می توان آن را با هر دو ماوس و کلید ها قابل کلیک کرد و می توان آن را بین (با استفاده از کلید تب در صفحه کلید) بیندازید.
نمونه هایی از عناصر غیر معنایی: <div> و <span> – چیزی درباره محتویات آن را نمی گوید.
نمونه هایی از عناصر معنایی: <form>، <table>، و <article> – به وضوح محتوای آن را تعریف می کند.
عنوان ها مهم هستند
عنوان ها با برچسب های <h1> به <h6> تعریف می شوند:
۱ ۲ ۳ ۴ ۵ ۶ | <h1>Heading ۱</h1> <h2>Heading ۲</h2> <h3>Heading ۳</h3> <h4>Heading ۴</h4> <h5>Heading ۵</h5> <h6>Heading ۶</h6> |
موتورهای جستجو از عنوان استفاده می کنند تا فهرست ساختار و محتوای صفحات وب خود را نشان دهند.
کاربران صفحات خود را با عنوان های خود می خوانند. مهم است که از سرفصل ها برای نشان دادن ساختار سند و روابط بین بخش های مختلف استفاده شود.
<h1> سرفصل ها باید برای عنوان های اصلی استفاده شوند، به ترتیب عنوان <h2>، سپس کمتر <h3> و غیره.
توجه: استفاده از عنوان های HTML فقط برای عنوان ها. از متنهای BIG یا BOL استفاده نکنید
متن جایگزین
ویژگی alt یک متن جایگزین برای یک تصویر را فراهم می کند، اگر کاربر به دلایلی نمی تواند آن را مشاهده کند (به دلیل اتصال کند، خطای در ویژگی src یا اگر کاربر از یک خواننده صفحه استفاده کند).
مقدار خصیصه alt باید تصویر را توصیف کند:
۱ | <img src="img_chania.jpg" alt="Flowers in Chania"> |
اگر یک مرورگر نمیتواند تصویری پیدا کند، مقدار خصیصه alt را نمایش می دهد:
۱ | <img src="wrongname.gif" alt="Flowers in Chania"> |
اعلام زبان
اعلام زبان برای خوانندگان صفحه و موتورهای جستجو مهم است و با ویژگی lang مشخص می شود. برای نشان دادن یک صفحه وب به زبان انگلیسی از زیر استفاده کنید:
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ | <!DOCTYPE html> <html lang="en"> <body> ... </body> </html> |
استفاده از پاک کردن زبان
از زبان روشن استفاده کنید که برای درک آسان است و سعی کنید از کاراکترهایی که نمیتوان به وضوح توسط یک خواننده روی صفحه خواند را اجتناب کنید. مثلا:
- احکام را تا حد امکان کم کنید
- اجتناب از خطرات به جای نوشتن ۱-۳، ۱ تا ۳ را بنویسید
- اجتناب از اختصارات به جای نوشتن فور، فوریه را بنویسید
- اجتناب از کلمات عامیانه
۱ ۲ ۳ ۴ ۵ | Find out more about the HTML language Read more about how to eat healthy Buy tickets to Mars here |
۱ ۲ ۳ ۴ ۵ | Click here Read more.. Buy tickets to Mars here |
خصیصه عنوان اطلاعات اضافی در مورد یک عنصر را مشخص می کند. این اطلاعات اغلب به عنوان یک متن راهنمایی هنگامی که ماوس روی عنصر حرکت می کند، نشان داده می شود.
۱ | <a href="https://www.tiktheme.com/html/" title="Go to tiktheme HTML section">Visit our HTML Tutorial</a> |
گام قبلی > | < گام بعدی |
هنوز دیدگاهی برای این مطلب ثبت نشده است.