Podstawy semantyki
Semantyka to słowo, które budzi strach w sercu wielu projektantów, ale nie musi to być trudny ani skomplikowany temat. Dotyczy to znaczącego wyrażania, unikania znaczników prezentacji i używania, w miarę możliwości, odpowiednich i znaczących znaczników.
Zasadniczo projektowanie i pisanie kodu HTML w sposób semantyczny jest tak proste, jak dbanie o zawartość HTML strony, a nie jej układ. Niektóre z poniższych prostych kroków pomogą ci w semantyczny sposób zadowolić wyszukiwarki, pająki i odwiedzających
Poznaj elementy Envato
Tag tytułu
Upewnij się, że tag tytułu strony ma charakter opisowy i znaczący. Upewnij się, że zmienia się dla każdej strony witryny, aby odzwierciedlić treść na tej stronie.
Nagłówki
Możliwe jest zdefiniowanie nagłówków strony za pomocą znaczników div i span, ale nie oznacza to, że jest to nagłówek. Używanie tagów h1 do h6 do rozróżniania i stylizowania nagłówków na stronie jest znacznie lepsze.
Tabele i formularze
Domyślnie tabele i formularze nie są bardzo semantyczne i mogą być bardzo ogólne. Brakuje także dostępu dla osób korzystających z niestandardowych przeglądarek. W przypadku tabel upewnij się, że używasz znacznika thead do wyjaśnienia kolumn tabeli. W przypadku formularzy należy używać tagu etykiety, aby opisać, do czego służy każde wejście, pole wyboru itp.
Obrazy
Wygląda na to, że jest wielokrotnie powtarzane, ale użyj atrybutów dla wszystkich zdjęć, aby upewnić się, że są one opisane w treści strony - zarówno z korzyścią dla wyszukiwarek, jak i niepełnosprawnych użytkowników.
Wydaje się proste… ale dlaczego?
Korzystanie z kodu semantycznego nie zmieni wyglądu witryny i nie przyniesie bezpośrednich korzyści w żaden sposób czytelnikom. Jednym z bezpośrednich efektów, które możesz zobaczyć, jest to, że wyszukiwarki spają Twoją witrynę w bardziej poprawny i skuteczny sposób.
Ponadto kodowanie semantyczne toruje drogę dla przyszłości. Nowe urządzenia, oprogramowanie i aplikacje będą dostępne w ciągu najbliższych 5, 10, 100 lat, które będą nadal korzystać z treści w Internecie do ich zasilania. Semantyka ustanawia standardy, które przyszłe systemy będą stosować i interpretować, więc sprawdź się w przyszłości!
