Is there any difference between <...> and <.../> Very straight forward: <pre class="prettyprint"><code><meta charset="utf-8"> <meta charset="utf-8" /> </code></pre> Is there any difference in execution, functions etc.?

XHTML requires trailing slashes for elements like ("br", "input", "img") whereas in HTML5 they're optional. See: Should I remove trailing slashes in meta tags? See also: Does HTML 5 Use a Trailing Slash

Tags that do not have closing tags in HTML (like <code> </code> and <code><meta></code>) are called self-closing. <code> </code> and <code> </code> are equally valid in HTML. However, XML does not permit closing tags to be omitted; <code><head><meta></head></code> is invalid XML! The <code>/</code> prior to the <code>></code> character indicates to XML that this tag should be immediately closed. That is, <code><x></x></code> is semantically equivalent to <code><x /></code> in XML. You should prefer the form <code> </code> when writing HTML code that you want to also be valid XHTML. If you do not care about XML or XHTML, you can pick which syntax you prefer. <hr> Note that <code> </code> is valid XML with the same meaning as <code> </code>, but older browsers with parsing bugs would parse that tag as a tag with the name <code>br/</code>. Adding a space in between the tag name and the <code>/</code> chararcter satisfies the parsers of defective browsers (who then treat the <code>/</code> as an attribute name), while still producing well-formed XML.

Difference between "> or " /> in HTML

Tags:

html

Mathias Asberg

2 Answers

XHTML requires trailing slashes for elements like ("br", "input", "img") whereas in HTML5 they're optional.

See: Should I remove trailing slashes in meta tags?

See also: Does HTML 5 Use a Trailing Slash

162

answered Sep 30 '22 02:09

jball037

Tags that do not have closing tags in HTML (like   and <meta>) are called self-closing.   and   are equally valid in HTML.

However, XML does not permit closing tags to be omitted; <head><meta></head> is invalid XML! The / prior to the > character indicates to XML that this tag should be immediately closed. That is, <x></x> is semantically equivalent to <x /> in XML.

You should prefer the form   when writing HTML code that you want to also be valid XHTML. If you do not care about XML or XHTML, you can pick which syntax you prefer.

Note that   is valid XML with the same meaning as  , but older browsers with parsing bugs would parse that tag as a tag with the name br/. Adding a space in between the tag name and the / chararcter satisfies the parsers of defective browsers (who then treat the / as an attribute name), while still producing well-formed XML.

answered Sep 30 '22 01:09

cdhowie

Related questions
                            
                                Box shadow around rounded corners?
                            
                                HTML form do some "action" when hit submit button
                            
                                HTML Forms: Radio buttons with text fields
                            
                                How to disable an input field using Javascript?
                            
                                setTimeout or setInterval or requestAnimationFrame
                            
                                Is there a way to pass variables into Jinja2 parents?
                            
                                CSS3 translate out of screen
                            
                                Print repeating Page headers in Chrome [closed]
                            
                                Is there a completely "layout-neutral" HTML container element?
                            
                                R Markdown HTML Number Figures
                            
                                CSS transition-delay with a negative value?
                            
                                why if (element.innerHTML == "") is not working in firefox
                            
                                Hide a DIV when it loses focus/blur
                            
                                SVG foreignObject behaves as though absolutely positioned in Webkit browsers
                            
                                hta - Equivalents in Firefox, Chrome - Is this old technology?
                            
                                Class attribute in <HTML> tag?
                            
                                How To Add An "a href" Link To A "div"?
                            
                                Is an image within a noscript tag only downloaded if Javascript is disabled?
                            
                                Posting html form values to python script
                            
                                Resize image before upload - convert canvas to a File object

Donate For Us

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