Void Elements in HTML

HTML-CSS
1

What’s the difference between ending a void element with

<link rel="stylesheet" href="./styles.css" />

or ending it with

<link rel="stylesheet" href="./styles.css" >
1 Like
3

First one is from old version of html called XHTML and the second one is from new version of html called HTML5.

1 Like
4
1 Like
5

Thank you, I was just confused because the curriculum uses the first one, but my web design teacher says that the second is correct.

1 Like
6

They are both “correct” in some sense.

  • The browser ignores the slash.

  • Prettier adds it by default.

  • React developers often add it out of habit, or because they prefer the formatting.

  • Most HTML validators will warn about it, but will still validate the HTML.

Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.

1 Like
7

Thank you!

1 Like
8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.