Vissa HTML är “Valfritt”

0
6

Det finns en mängd olika HTML-kod som du bara kan lämna ut källkod i HTML och det är fortfarande giltig kod.

Inte det ser konstigt?

<p>Punkt ett.
<p>Punkt två.
<p>Punkt tre.

Det gör det för mig, men den avslutande </p> – taggar finns som tillval. Webbläsaren kommer att upptäcka det behöver dem-och manifest-på rätt sätt i DOM i alla fall.

Detta händer nog att HTML-du skriver och du vet inte ens det. Till exempel…

<tabell>
<tr>
<td></td>
</tr>
</table>

Det ser väl bra för mig, men webbläsaren kommer att tillföra <tbody> i det runt som <tr> för dig. Tillval i HTML, men DOM kommer att sätta det i alla fall.

Heck, du behöver egentligen inte ens behöver ett <body> på samma sätt! Jens Oliver Meiert aktier mer:

<link rel=stylesheet href=standard.css ->

Vissa attribut är “frivilligt” i den meningen att de har standardvärden som du kan lämna ut. Till exempel, en knappen <> automatiskt <button type=”submit”>.

Jens hävdar vidare att dessa nästan betraktas som optimeringar, eftersom det minskar filstorleken och därmed nätverkets hastighet.

Mig, jag gillar inte att titta på HTML som. Gör mig nervös, eftersom det är verkliga situationer att skruva upp om du inte gör det rätt. Inte alla filnamn som kan vara vänster onoterade. Ibland lämnar bort avslutande taggar innebär kuvertering ett syskon element på ett sätt som du inte förväntar dig. Jag skulle till och med offra en liten lillebror på prestanda för en mer motståndskraftig webbplats. Sorta som hur jag vet att * {} är inte ett särskilt effektivt väljare, men oroa CSS-väljare prestanda är missriktad oro i de flesta fall (skillnaden i hastighet är försumbar).

Jag faktiskt gillar ganska JSX i hur strikt den tvingar dig att skriva HTML.” Att bestämdhet hjälper kod formatering (t ex Snyggare) också, som en bonus.

Men hey, en perfekt vinst är en perfekt vinst, så jag skulle inte säga nej till verktyg som automatiskt gör det här att sammanställas utgång. Det är tydligen något HTMLminifier kan göra.