Jak tworzyć niestandardowe znaczniki dla HTML

Do różnych celów można użyć kilku znaczników w HTML, takich jak „”Do robienia przycisków i„”Aby dodać obrazy w dokumentach HTML. HTML umożliwia także twórcom stron internetowych tworzenie niestandardowych lub niezależnych tagów. Chociaż istnieje niewiele ograniczeń do tworzenia prawidłowego tagu niestandardowego. Niestandardowy tag musi mieć otwór i znacznik zamykający. Ponadto samowystarczalne niestandardowe tagi są nieprawidłowe w HTML.

Ten zapis będzie pokazany:

• Jakie są niestandardowe tagi dla HTML?
• Jakie są reguły nazewnictwa dla niestandardowych tagów?
• Przykłady ważnych i nieprawidłowych tagów niestandardowych
• Jak tworzyć niestandardowe znaczniki dla HTML?

Jakie są niestandardowe tagi dla HTML?

Atrybuty niestandardowe są specjalnie zaprojektowane przez programistów lub użytkowników i nie są zawarte w standardowych elementach HTML5. Tagi niestandardowe określają dodatkowe lub osobiste treści w tagach zdefiniowanych przez użytkownika. Te tagi działają podobnie do wbudowanych tagów HTML. Ponadto, aby określić niestandardowy znacznik w dokumencie HTML, użytkownicy muszą przestrzegać zasad nazewnictwa.

Jakie są reguły nazewnictwa dla niestandardowych tagów?

Istnieją różne reguły nazewnictwa określone do tworzenia niestandardowego znacznika. Niektóre z nich są wymienione poniżej:

• Niestandardowy znacznik zawsze zaczyna się od małej litery.
• Użytkownicy mogą dodawać wartości liczbowe z (1 do 9) w niestandardowym znaczniku.
• Do niestandardowego znacznika należy dodać co najmniej jeden (-) łącznik.
• Użytkownicy nie mogą wprowadzić kapitału w niestandardowym znaczniku.
• Użytkownicy mogą również używać dowolnego rodzaju emoji w niestandardowym znaczniku.
• Użytkownicy nie mogą tworzyć samowystarczalnego ani wbudowanego niestandardowych tagów w HTML.

Przykłady ważnych i nieprawidłowych tagów niestandardowych
Poniższa tabela pokazuje przykłady związane z prawidłowymi i nieprawidłowymi tagami niestandardowymi:

Prawidłowe niestandardowe tagi	Nieprawidłowe niestandardowe tagi

Jak tworzyć niestandardowe znaczniki dla HTML?

Aby utworzyć niestandardowe znaczniki w HTML, przejrzyj poniżej podane instrukcje.

Krok 1: Utwórz tag niestandardowy
Najpierw utwórz niestandardowy tag, postępując zgodnie z regułami nazywania. Na przykład stworzyliśmy element „” w HTML. Następnie dodaj tekst między niestandardowymi tagami.

Krok 2: Utwórz przycisk
Utwórz przycisk za pomocą „„Wewnątrz niestandardowego znacznika:

Ten pojemnik został przeze mnie stworzony.


Kliknij

Tutaj widać, że niestandardowy tag został pomyślnie utworzony, a także wyświetla element przycisku:

Krok 3: Element niestandardowy stylu
Użytkownicy mogą również stylizować niestandardowy kontener, uzyskując dostęp do niego w CSS za pomocą odpowiedniej nazwy znacznika. Na przykład uzyskaliśmy dostęp do niestandardowego kontenera za pomocą utworzonego znacznika ”My-Tag". Następnie zastosuj poniżej kodowane właściwości na niestandardowym znaczniku:

My-Tag
Blok wyświetlacza;
Border: 4px solidny zielony;
Margines: 30px 15px;
Wyściółka: 30px;
kolor tła: RGB (238, 181, 96);

Tutaj:

• "wyświetlacz„Właściwość jest wykorzystywana do określenia, jak wyświetlić element. Wyświetlacz jest ustawiony jako „blok„Aby wyświetlić element w nowej linii.
• "granica”Służy do zdefiniowania granicy wokół elementu.
• "margines„Przydziela przestrzeń wokół granicy elementu.
• "wyściółka”Definiuje przestrzeń wewnątrz granicy elementu.
• "kolor tła”Jest wykorzystywany do określenia koloru na odwrocie elementu.

Wyjście

Można zaobserwować, że skutecznie stworzyliśmy i zaprojektowaliśmy element niestandardowy lub tag.

Wniosek

Aby utworzyć niestandardowy tag, użytkownicy są ograniczeni poprzez przestrzeganie zasad nazewnictwa. Aby utworzyć niestandardowy znacznik, najpierw określ tag zgodnie z regułami takimi jak „ Trochę treści ". Następnie uzyskaj dostęp do znacznika w CSS za pomocą nazwy znacznika i zastosuj właściwości CSS do stylizacji. Ten samouczek nauczył Cię najłatwiejszej metody tworzenia niestandardowego znacznika dla HTML.