Are they allowed? and do they work with all browsers?
Example:
<div role = "region"
id = "some-id"
class = "a-class another-class">
3 Answers
Yes, any amount of whitespace is allowed and will work in all browsers.
From the Attributes section of the HTML5 living standard on unquoted, single-, and double-quoted attribute value syntax:
The attribute name, followed by zero or more ASCII whitespace, followed by a single U+003D EQUALS SIGN character, followed by zero or more ASCII whitespace, [...]
One consideration - this will add to the page size, so if bandwidth and performance are concerns, try to limit the amount of whitespace you use.
3 Comments
hakre
Does any amount of whitespace allows zero-width for quoted attributes after the attribute value? - Ref: stackoverflow.com/q/23887069/367456
Oded
Not sure about that. I'd expect they should be.
apraetor
If you're asking about having no whitespace, then.. no. That's not accepted. "Any amount" really means "one or more characters" in this context. That's also mentioned in the accepted answer on the post you linked.
Yes they are, and they will work in all major browsers, although I would say it should be considered bad practice to include unnecessary white-space as it pointlessly increases the size of the document.
HTML, XHTML, XML and others are all variants of SGML, so if you want to know what is/isn't allowed in general, have a look at that specification. You should always pass all your documents through the W3C markup validators to ensure they are valid.
2 Comments
Ian Storm Taylor
Good point. Realized I could save 20% by compressing this HTML. Thanks!
rectangletangle
I think the benefits in readability out way the costs, especially if you use a compressor. This is especially true when using a templating preprocessor, where large attribute values can make the markup unreadable.
Yes, it is perfectly valid markup. Whitespace is handled nicely by all browsers.
Any time you have confusion, you can validate your code at official W3 validation service:
roleins't valid, the rest validatesroleis valid in HTML5. see dev.w3.org/html5/spec/content-models.html#wai-aria and w3.org/TR/wai-aria/roles#region