Основите на семантиката

Семантика е дума, която поражда страха в сърцето на много дизайнери, но не е необходимо да е тежка или сложна тема. Той се отнася до смислен израз, избягване на презентационната маркировка и използване на подходящи и смислени маркери, когато е възможно.

По същество проектирането и писането на HTML код по семантичен начин е толкова просто, колкото да поддържате HTML, засягащ съдържанието на страницата, а не оформлението. Някои от прости стъпки по-долу ще ви помогнат да гарантирате, че ще останете семантично приятни за търсачките, паяците и посетителите

Разгледайте елементи Envato

Заглавен маркер

Уверете се, че етикетът на заглавието на вашата страница е описателен и смислен. Уверете се, че тя се променя за всяка страница на вашия сайт, за да отразява съдържанието на тази страница.

Заглавия

Възможно е да определите заглавията на вашата страница с тагове div и span, но това не предава никакво значение, че е заглавие. Използването на маркери от h1 до h6 за разграничаване и стилизиране на заглавията на вашата страница е много по-добре.

Таблици и форми

По подразбиране таблиците и формулярите не са много семантични и могат да бъдат много общи. Също така им липсва достъпност за тези, които използват нестандартни браузъри. За таблиците се уверете, че използвате маркера thead, за да обясните колоните на вашата таблица. За формулярите се придържайте към използването на етикета на етикета, за да опишете за какво има всеки вход, поле за отметка и т.н.

Снимки

Изглежда, че това се казва отново и отново, но използвайте разпределения за всички ваши изображения, за да гарантирате, че те са описани в съдържанието на страницата - както в полза на търсачките, така и на потребителите с увреждания.

Изглежда направо ... но защо?

Използването на семантичен код няма да направи уебсайта ви по-различен и няма да има пряка полза за вашите читатели по никакъв начин. Един директен ефект, който можете да видите, е, че търсачките паяжират вашия уебсайт по по-правилен и ефективен начин.

Също така семантичното кодиране проправя пътя към бъдещето. През следващите 5, 10, 100 години ще се появят нови устройства, софтуер и приложения, които все още използват съдържанието в мрежата, за да ги захранват. Семантика определя стандарта, на който бъдещите системи ще се придържат и интерпретират, така че бъдещи доказателства!

© Copyright 2024 | computer06.com