Skip to main content

Home/ HTML5 development/ Group items tagged markup

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Detecting HTML5 Features - Dive Into HTML5 - 0 views

diveintohtml5.info/detect.html

microdata html html5

shared by Vernon Fowler on 27 Oct 12 - No Cached
  • The HTML5 microdata standard includes both HTML markup (primarily for search engines) and a set of DOM functions (primarily for browsers). There’s no harm in including microdata markup in your web pages. It’s nothing more than a few well-placed attributes, and search engines that don’t understand the microdata attributes will just ignore them. But if you need to access or manipulate microdata through the DOM, you’ll need to check whether the browser supports the microdata DOM API.
Vernon Fowler

Avoiding common HTML5 mistakes | HTML5 Doctor - 0 views

html5doctor.com/avoiding-common-html5-mistakes

html5 avoiding mistakes html navigation semantic markup hgroup section header nav figure logo input attributes LIM225 best practices

shared by Vernon Fowler on 02 Jul 12 - No Cached
  • If it’s a purely presentational image and not referenced elsewhere in the document, then it’s definitely not a <figure>.
Vernon Fowler

Avoiding common HTML5 mistakes | HTML5 Doctor - 0 views

html5doctor.com/avoiding-common-html5-mistakes

HTML5 mistakes

shared by Vernon Fowler on 05 Aug 11 - No Cached
  • Vernon Fowler on 05 Aug 11
     
    "In this post, I'll show you some of the mistakes and poor markup practices I often see and explain how to avoid them."
Vernon Fowler

HTML5 and Search Engine Optimisation (SEO) | HTML5 Doctor - 0 views

html5doctor.com/seo-search-engine-optimisation

html5 seo search engine optimisation search semantic

shared by Vernon Fowler on 10 Dec 12 - No Cached
  • The Doctors’ advice on SEO is to follow Google’s time-honoured guidelines: write valid, cross-browser, accessible HTML, don’t misuse markup or “cloak” with CSS, make a site with a clear hierarchy and text links, and write good content:
Vernon Fowler

HTML5 differences from HTML4 - 0 views

www.w3.org/html5-diff

html html5 markup syntax elements

shared by Vernon Fowler on 08 Apr 13 - No Cached
  • Attributes with an empty value may be written as just the attribute name omitting the equals sign and the value, even if it's not a boolean attribute.
Vernon Fowler

15 HTML5 tutorials which will make you a wow designer - 0 views

www.ahrefmagazine.com/...h-will-make-you-a-wow-designer

HTML5 WebDesigner html tutorials reference mobile browser forms section semantic markup

shared by Vernon Fowler on 11 May 13 - No Cached
  • Vernon Fowler on 11 May 13
     
    #HTML5 Tutorials That Every #WebDesigner Should See http://t.co/k1Xh4VEO @ahrefmag
Vernon Fowler

Semantics - HTML5 Rocks - 1 views

www.html5rocks.com/...semantics

LIM225 html5 semantic semantic web microdata html markup

shared by Vernon Fowler on 21 Apr 13 - No Cached
  • Vernon Fowler on 21 Apr 13
     
    "Semantics is one of the most distinctive features of the Web Platform versus other application platforms. Developers usually ignore or de-prioritize such feature but the mastery of it can bring many benefits to our projects."
Vernon Fowler

Meaningles: Uncovering the Semantics of the Real Web - 0 views

meaningless-stats.appspot.com/about

LIM225 semantics web semanticweb semantic web semantic schema microformats markup html

shared by Vernon Fowler on 21 Apr 13 - No Cached
  • side-contracts have become a common way
  • to produce and consume information about types of content for which HTML doesn't yet include nouns. The most prominent of these are WAI-ARIA, Microformats, and Schema.org.
  • Web crawlers understand some of these side-contracts,
Vernon Fowler

How to mark up subheadings, subtitles, alternative titles and taglines | HTML5 Doctor - 0 views

html5doctor.com/howto-subheadings

subtitles titles alternative html html5 markup

shared by Vernon Fowler on 05 May 13 - No Cached
  • Vernon Fowler on 05 May 13
     
    If you don't already know, the hgroup element is obsolete in HTML5. Advice is now provided in the HTML spec on how to mark up subheadings, subtitles, alternative titles and taglines using existing and implemented HTML features.
Vernon Fowler

The hgroup element | HTML5 Doctor - 0 views

html5doctor.com/the-hgroup-element

headings HTML5 header html document outline hgroup markup semantic semanticweb

shared by Vernon Fowler on 18 Feb 13 - No Cached
  • An article with a title and metadata
  • An article with a title and subtitle
  • An article with a title, subtitle and metadata
  • ...4 more annotations...
  • If you have a title with subtitle(s) and other metadata associated with the section or article, place both the <hgroup> and the metadata within a single <header> element.
  • If you have a title with subtitle(s) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
  • When grouping headings in an <hgroup> element, the outline algorithm will mask the lowest level all but the highest level heading in the group from the resulting document outline.
  • It can only contain a group of <h1>–<h6> element(s), and it should be used for subtitles, alternative titles, and tag lines.
Vernon Fowler

The section element | HTML5 Doctor - 1 views

html5doctor.com/the-section-element

section html5 html element markup outline document structure

shared by Vernon Fowler on 23 Jan 14 - No Cached
  • A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.
  • The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.
  • Don’t use it just as hook for styling or scripting; that’s a div
  • ...2 more annotations...
  • Don’t use it unless there is naturally a heading at the start of the section
  • As blogposts and comments are often syndicated (by being pulled into other blogs or being linked via twitter, reddit etc) they should be articles.
    • Vernon Fowler
      Vernon Fowler on 13 Jan 15
       
      Use rather than for blog post and for comment content types.
Vernon Fowler

HTML a name Attribute - 0 views

www.w3schools.com/...att_a_name.asp

html name attribute html5 markup

shared by Vernon Fowler on 11 Feb 14 - Cached
  • Use the id attribute instead.
Vernon Fowler

Designing a blog with html5 | HTML5 Doctor - 0 views

html5doctor.com/designing-a-blog-with-html5

html5 markup semantic DIG252 blog

shared by Vernon Fowler on 22 Jun 14 - No Cached
  • use the header, footer, main and nav elements to mark up the broad structure of the page. Doing this will make your site more accessible to real people who use some assistive technologies
Vernon Fowler

Semantic navigation with the nav element | HTML5 Doctor - 1 views

html5doctor.com/nav-element

semantic navigation nav element html5 html webdesign markup LIM225 breadcrumbs

shared by Vernon Fowler on 02 Jul 12 - No Cached
  • Previous/next buttons (or pagination) I would say yes to this because it is important to the overall structure and hierarchy of the blog/site
  • Search form For me, a definite yes, but it is not mentioned in the spec. A search form is hugely important to the navigation of a site, particularly large sites which rely almost solely on their search engine.
  • Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
  • ...3 more annotations...
  • <menu> is to be used for a list of commands and is an interactive element and more likely to be used exclusively in Web Applications.
  • 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.
  • Table of Contents I would say definitely yes to that – it is primary navigation for that particularly content
  • Vernon Fowler on 02 Jul 12
     
    Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
1 - 20 of 26 Next ›
Showing 20▼ items per page