QNA > W > What Are Some Examples Of Empty Tags In Html?

What are some examples of empty tags in HTML?

What are empty tags

Empty tags in HTML are start tags representing DOM Element Nodes that never have a matching end tags, and more importantly, they can only have “attribute”.

Such elements are also called Void elements

They can never have :

  • Element childnodes (embedded tags)
  • CDATA childnodes (raw text)
  • Comment childnodes

So innerText and innerHTML DOM API properties of such Elements will always be null.

In XHTML notation, such tag must use the auto-close syntax. End tags are still forbidden and may lead to unexpected results from user agents, IDE, or other tools.

ex:

  1.  

  2.  
  3.  

  4.  
  5.  

  6.  

Be careful, some HTML Elements, when using the HTML syntax and not the XHTML one, can have an optional end tag, which does not mean that they are “empty” tags (HTML is initially based on SGML and not XML which was created later).

ex:

  1.  
    1.  
  2. first item 
  3. second item 
 

The end tag is optional for

elements but they still have child nodes. Their end tag is implicit.

Tag omission in text/html:

An li element's end tag can be omitted if the li element is immediately followed by another li element or if there is no more content in the parent element.

HTML supports a huge set of rules for Optional tags which are not easy to digest for a human being. Potresti essere tentato di omettere alcuni tag finali opzionali ma cerca di non abusarne se non vuoi avere brutte sorprese e orribili mal di testa.

Ora quali sono questi tag "vuoti" ufficiali?

  • l'URL base da usare per tutti gli URL relativi contenuti nel documento

  • relazioni tra il documento corrente e una risorsa esterna (favicon, foglio di stile, ricerca aperta, feed rss...)


  • qualsiasi informazione sui metadati che non può essere rappresentata da uno degli altri elementi HTML meta-correlati

  • usato per mostrare un'immagine all'utente

    Logo
  • (usato negli elementi )

  • (usato negli elementi media & )

  • (usata negli elementi image map)

  • (usato per i campi input )

  • una colonna in una tabella. Si trova all'interno degli elementi

  • variante di usata quando le pagine HTML sono segmentate tramite un (vedi alla fine per il caso dell'elemento )

  • usato per incorporare/rendere un contenuto tramite un plug-in

  • Deprecato - dovrebbe essere usata la chiave pubblica nei moduli HTML

Una situazione specifica che vorrei menzionare alla fine è quella di

È un elemento vuoto solo quando si usa la sintassi XML

L'elemento iframe deve essere vuoto nei documenti XML.

Altrimenti non lo è e il suo tag di chiusura deve essere obbligatorio

I discendenti degli elementi iframe non rappresentano nulla. (Negli interpreti legacy che non supportano gli elementi iframe, il contenuto verrebbe analizzato come markup che potrebbe agire come contenuto fallback.)

Di Cordi

Slack ha una funzione 'segna tutto come letto'? :: Quanto costa costruire un'app simile a Flipboard?
Link utili