Why are they using <i> tag to display icons ? Because it is: Short i stands for icon (although not in HTML) Is it not a bad practice ? Awful practice. It is a triumph of performance over semantics.
I’d use an article for each snippet (i.e. a news teaser). Each article contains an h1 element for the heading, an img element for the image, and p element(s) for the text. As you probably want to link to a full version, you could enclose all elements in one a element (which is allowed in … Read more
It is true that most modern browsers/technologies recognise the HTML5 <nav> element as navigation and give it the same attention. But explicitly setting the role=”navigation” attribute just makes sure that a lot more technologies can pick it up. For example screen-readers and other technologies for users with disabilities are very rarely fully standards compliant (especially … Read more
I think the most semantically correct would be <dl>, <dt> and <dd>, since what you’re displaying are effectively definitions of first name, age and e-mail. <dl> <dt>First Name</dt> <dd>Dominic</dd> <dt>Age</dt> <dd>24</dd> <dt>E-mail</dt> <dd>foo@bar.com</dd> </dl> However, obviously, the easiest way to display it in a table is using <table>, <th> and <td>. You could hack together … Read more
Only if you define thead and tfoot. It is mostly used when the table has multiple bodies of content. If the data in the table is easily understood to be the tbody then you can safely omit it.
Most of these responses are good general advice, but not proper answers to the question, which I think is perfectly legitimate. HTML5 is already a moving target; browsers implement specs and innovate at different paces. There is no single thing called “valid HTML”, at least not that is worth using. If you are building a … Read more
As Alohci noted, according to HTML5, example 3 is not allowed. But example 1 and 2 are not semantically equivalent. nav is a sectioning element, div not. So example 1 creates an untitled section (similar to an empty heading), changing the whole document outline. Also nav always belongs to its parent sectioning content (resp. sectioning … Read more
As others have mentioned, using <strong>, <em>, <cite> etc. adds semantics. This is important because you say something about why you want to emphasize something and increase the readability of your html, because you know why it’s in bold. Furthermore, screen readers use the strong tags to make an audible difference when reading it aloud. … Read more
× Unicode: U+00D7 MULTIPLICATION SIGN HTML: ×, × CSS: \00d7 See the Wikipedia article about the multiplication sign: In mathematics, the symbol × (read as times or multiplied by) is primarily used to denote the […] Geometric dimension of an object, such as noting that a room is 10×12 feet in area. Depending on the … Read more
First of all ASIDE is to be used only to denote related content to main content, not for a generic sidebar. Second, one aside for each sidebar only You will have only one aside for each sidebar. Elements of a sidebar are divs or sections inside a aside. I would go with Option 1: Aside … Read more