I read that self closing tags were problematic for some browsers such as IE7 and Firefox 3 here: Why don't self-closing script tags work?
I am curious if this issue can also hold true for linking stylesheets.
For example using
<link href="/css/style.css" rel="stylesheet" type="text/css" />
Instead of
<link href="/css/style.css" rel="stylesheet" type="text/css"></link>
None of the markup needs to conform to XML in this case, so no self-closing tag syntax is needed, either.
A self-closing tag is an element of HTML code that has evolved in the language. Typically, the self-closing tag makes use of a “/” character in order to effectively close out a beginning tag enclosed in sideways carets.
<meta> HTML Tag This element must not contain any content, and does not need a closing tag.
Should Optional HTML Tags be Closed? Code with closing tags is much more readable and easy to follow. It is much easier to visually inspect a page with well laid out markup. Working with this markup is easier for developers.
<link href="/css/style.css" rel="stylesheet" type="text/css"></link>
is not a good idea.
If you use html4 use this:<link href="/css/style.css" rel="stylesheet" type="text/css">
If you use xhtml use this:<link href="/css/style.css" rel="stylesheet" type="text/css" />
In html5 both versions are fine.
http://www.w3.org/TR/html401/struct/links.html#edef-LINK
Start tag: required, End tag: forbidden
http://www.w3.org/TR/html5/document-metadata.html#the-link-element
Tag omission in text/html: No end tag.
http://www.w3.org/TR/html5/syntax.html#elements-0
"Void elements: ... link ..."
"Void elements only have a start tag; end tags must not be specified for void elements."
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With