För de flesta HTML-element, när du skriver HTML-koden för att visa dem på en sida börjar du med en öppnings tagg och slutar med en stängningskod. Mellan dessa två taggar skulle vara elementets innehåll. Till exempel:
Detta är textinnehållet
Det enkla styckeelementet visar hur en öppning och en stängningskod skulle användas. De flesta HTML-elementen följer samma mönster, men det finns ett antal HTML-taggar som inte har både en öppnings- och en stängningskod.
Vad är ett ogiltigt element?
De tomma elementen eller singleton-taggarna i HTML är de taggar som inte kräver att en stängningskod är giltig. Dessa element är vanligtvis de som antingen står ensamma på sidan eller där slutet av deras innehåll är uppenbart ur sammanhanget av själva sidan.
Listan med HTML-borttagna element
Det finns flera HTML 5-taggar som är ogiltiga element. När du skriver en giltig HTML, bör du lämna den bakre snedstrecket för dessa taggar - det här visas nedan. Om du skriver XHTML skulle det efterföljande snedstrecket vara nödvändigt.
- används för området inuti en bildkarta
- basadressen för alla relativa webbadresser i ett dokument Det kan inte vara mer än 1 av dessa per dokument och det måste vara i av sidan
- Detta är radbrytning, som ofta används i textinnehåll för att skapa en enda radbrytning istället för en paragraf. Detta bör inte användas för att skapa visuell separation på en sida genom att stapla upp många taggar eftersom det är ett visuellt behov och därmed domänen för CSS
- anger kolumnegenskaper för varje kolumn inom a
element
- anger ett kommando som en användare kan åberopa
- En horisontell regel, som är en rak linje på en sida. I många fall används CSS-gränser för att skapa separatorlinjer i stället för detta HTML-element
- En av HTML-arbetshäftelementen, det här är bildtaggen. Den används för att lägga till grafiska bilder på en webbsida.
- Ett formulärelement som används för att fånga information från besökare. Det finns ett antal giltiga inmatningstyper, från den vanliga "text" -inmatningen som har använts i formulär i flera år till några nya ingående typer som ingår i HTML5
- Detta används för att diktera ett nyckelpargeneratorfält som används för formulär
- För att inte förväxlas med "hyperlänk" eller ankare () taggen, är den här länken att ställa in linjen mellan ett dokument och en extern resurs. Du skulle använda den för att länka till en extern CSS-fil, till exempel
- Metataggar är "information om innehåll". De finns i av ett dokument och brukade överföra sidinformation till webbläsaren. Det finns många möjliga metataggar som du kan använda på en webbsida
- Används för att definiera parametrar för plugins
- Med den här taggen kan du ange alternativa filvägar för media på din sida, inklusive videoklipp eller bilder eller ljudfiler
- Detta står för ordbrytningsmöjlighet. Det specificerar var i en text det skulle vara acceptabelt att lägga till en radbrytning.
Återigen är dessa singleton-taggar ett undantag från regeln i motsats till regeln eftersom majoriteten av HTML-elementen verkligen behöver en öppning och en slutgiltig kod. Av dessa singleton-element kan vissa du brukar använda ganska ofta (som img, meta eller input), medan andra är sådana som du kanske aldrig behöver använda i ditt webbdesignarbete (keygen, wbr och command är tre element som säkert är inte vanligt på webbsidor). Fortfarande vanligt eller ovanligt i HTML-sidor, det är användbart att känna till dessa taggar och veta vad tanken bakom HTML singleton-taggar är. Du kan använda denna lista som referens för din webbutveckling.
Originalartikel av Jennifer Krynin. Redigerad av Jeremy Girard den 5/5/17.