Pisanie kodu w zgrabnym i jasnym formacie jest celem dobrych programistów. Kod HTML jest zwykle długi, a zatem zaleca się zbudowanie czystej struktury dokumentów HTML. Czytelność i ponowne użycie kodu HTML zależą od wzorca pisania kodu. Ten opisowy post ilustruje dobre praktyki pisania składni HTML.
Składnia HTML Dobre praktyki
W tej sekcji przedstawiono kilka praktyk, które należy zastosować w celu uzyskania dobrego dokumentu HTML.
Typ dokumentu (DocType)
Typ dokumentu musi być u góry kodu, aby dowiedzieć się o rodzaju treści. W HTML5 następujący tekst musi być napisany u góry dokumentu (lub domyślnie otrzymasz strukturę w nowoczesnych redakcjach):
Struktura dokumentu
Należy zastosować strukturę dokumentu HTML, aby poprawnie renderować strony. Jeśli tego nie zrobisz, być może będziesz musiał napotkać różne problemy z renderowaniem. Próbka struktury dokumentów HTML5 pokazano poniżej:
Struktura semantyczna
Elementy semantyczne zapewniają właściwe znaczenie ich użycia , ,
, itp. Ilekroć pisząc kod HTML, musisz używać elementów semantycznych, ponieważ zapewniają one cel do użytku.
Tytuł
Tytuł podsumowuje treść strony w kilku słowach, więc zaleca się użycie odpowiedniego tytułu, który określa treść.
Meta tagi
Meta tagi są praktykowane do komunikowania się z przeglądarką lub definiowania reakcji strony internetowej. Reaktywność jest przeprowadzana za pomocą atrybutu rzutni, jak pokazano poniżej. Okazało się również, że charakter strony internetowej jest ustawiony na UTF-8 (który poinformuje przeglądarkę, że jest używany).
Zoptymalizuj swój kod
Dokument HTML może być bardzo złożony, więc sugeruje się, abyś szukał możliwości optymalizacji, ograniczając liczbę elementów na stronie.
Wcięcie
Wgłębienie w HTML nie wywoła żadnych błędów, jednak wpłynie na czytelność dokumentu. Zatem wcięcie musi być właściwie stosowane, postępując zgodnie z tagami otwierającymi i zamykania.
Uwagi
Aby uzyskać lepszą użyteczność kodu HTML, komentarze odgrywają istotną rolę w przekazywaniu celu kodu. Komentarze HTML można użyć w następujący sposób:
Małe tagi
HTML5 jest językiem bezwrażliwym przypadkiem, ale dobrą konwencją byłoby używanie małych liter dla elementów HTML.
Zamknięcie tagów
Kilka edytorów kodów pozwala zakończyć uruchomiony tag. Jeśli jednak wsparcie nie jest dostarczane przez edytor, musisz zapewnić znacznik zamykania, aby uniknąć błędu wykonania.
Nazwy plików
Jeśli adres URL taki jak („https: // www.Linuxhint.com/”) nie zawiera żadnej nazwy pliku na końcu, a następnie dostępna jest domyślna nazwa pliku (określona przez serwer). Musisz poszukać domyślnej nazwy pliku określonej przez serwer (zwykle jest to indeks.html) i odpowiednio skonfiguruj serwer.
Style
Style inline można dodać do elementu HTML, w którym zewnętrzne CSS zawiera formaty stylizacji w pliku zewnętrznym. W przypadku stylizacji masowej styl inline lub wewnętrzny może tworzyć bałagan, który powoduje słabą widoczność kodu. Z dyskusji jasno wynika, że zewnętrzne CSS byłyby korzystne w każdym aspekcie.
Umieszczenie pliku CSS
Plik CSS można umieścić w dowolnym miejscu w kodzie, ale zaleca się dodanie pliku CSS w znaczniku. Umieszczenie pliku CSS w znaczniku głównym pomoże w szybszym załadowaniu strony.
Walidacja
Walidacja kodu jest całkiem niezbędna, aby uniknąć błędów wykonania. Zamiast czekać na zakończenie kodu, musisz nadal sprawdzać czas według czasu kodu.
Wniosek
Dokument HTML można utworzyć, postępując zgodnie z kilkoma praktykami. Jeśli jednak formatowanie jest schludne i jasne, łatwo byłoby ponowne wykorzystanie i odczytanie kodu. Ten artykuł ilustruje dobre praktyki składni HTML. Praktyki te obejmują małe znaczniki, tytuł, style, systematyczna struktura dokumentów, optymalizacja kodu, wgłębienia, komentarzy, metatagów. Masz wiele możliwości napisania kodu HTML, ale zaleca się przestrzeganie praktyk podanych tutaj, aby dokument HTML był czytelny i wielokrotnego użytku.
