I’d use: <li> <blockquote cite=”original URL”> </blockquote> </li> <blockquote> is most appropriate for this: The blockquote element represents a section that is quoted from another source. Quoting yourself is not weird. The definition of the element doesn’t say you have to quote somebody else. You do quote a document that lives under another URL. I … Read more
To quote the specs: The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links. Not all groups of links on a page need to be in a nav element — only sections that consist of major navigation blocks are appropriate … Read more
HTML5 has dropped the profile attribute from the head element (details). You could however, use a rel attribute to the links to achieve this. So, instead of <HEAD profile=”http://www.acme.com/profiles/core”> it is now <link rel=”profile” href=”http://gmpg.org/xfn/11″ /> From W3, The profile attribute of the HEAD specifies the location of a meta data profile. The value of … Read more
To me, linebreaks should only be used inside paragraphs to indicate a new line. Adding line-breaks between paragraphs was used back in the day, when HTML looked like Chop Suey and the semantics of the HTML document looked like someone from preschool used Dreamweaver. I personally rely on margins and padding for content separation, if … Read more
Semantically correct IMHO would be to keep an empty cell really empty. However, I, too, fill empty cells with s for pragmatic reasons. As for screen readers, I’ll have to make an educated guess: Empty nodes will likely not be read, because HTML consists mostly of whitespace text nodes, which readers ignore, and I assume, … Read more
If you are writing a form in a meaningful (read: semantic) way, you will want the flow of text to lead to the element: <form> <p><label for=”firstName”>Please enter your first name:</label><input id=”firstName” type=”text” /></p> </form> An even better way is to treat your form like a mad-libs script: <form> <p>Hello. My <label for=”firstName”>name</label> is <input … Read more
CSS is not recognized by any Microdata parser that I’m aware of. You’ll need to add a meta tag to specify the image like this: <div itemscope itemtype=”http://schema.org/Article”> <meta itemprop=”image” content=”bg.jpg”></meta> <div style=”background-image:url(‘bg.jpg’)”></div> </div>
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 believe you should use a <label> which directly associates the error message with the input element. quoting the W3 specs The LABEL element may be used to attach information to controls. and More than one LABEL may be associated with the same control by creating multiple references via the for attribute. See also Error … Read more
<aside> seems appropriate. The current spec with relevant sections bolded: The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography. The element … Read more