#632: Invenio to become HTML5 ready
----------------------------+------------------
Reporter: skaplun | Owner:
Type: enhancement | Status: new
Priority: minor | Milestone: v1.1
Component: *general* | Version:
Keywords: semantic HTML5 |
----------------------------+------------------
By following e.g. the book ''HTML5 Up and Running'' (by Mark Pilgrim,
O'Reilly) (which in the end is the same of [http://diveintohtml5.org/
Diving into HTML5]), one can easily employ new HTML5 tags and conventions
to Invenio output to exploit new semantical features.
This would consist of:
* adding {{{<!DOCTYPE html>}}} at the beginning
* having {{{<html lang="en">}}} (with appropriate lang parameter)
* simply having {{{<meta charset="utf-8">}}} in the head tag
* nicely exploiting {{{rel=}}} arguments to link in the header. (this is
indeed a complex task, as it would be nice to properly map the breadcrumb
structure (with the {{{rel="up"}}} link), and the search results paging
(with the {{{rel="first"}}}, {{{rel="next"}}}, {{rel="prev"}}} and
{{{rel="last"}}}
* employing {{{<article>}}} to tag a record in search results (or detailed
record)
* employing {{{<nav>}}} to tag the menu bar
* employing {{{<footer>}}} to tag the typical Invenio footer
* using {{{<time>}}} in every record displayed to semantically tag the
''publication date'' from MARC, (or ''record creation date'' when
publication date is missing)
* In IE<9 HTML5 tags are not recognized and can't be rendered but with the
[http://code.google.com/p/html5shim/ HTML5 enabling script] must be
included.
* adding the {{{placeholder}}} attribute in most input boxes to give hints
on how to fill them
* adding {{{autofocus}}} flag, when needed (e.g. on the search box)
* adding {{{type="search"}}} attribute to the Invenio search box
* adding ''microdata''. Among those,
''[http://diveintohtml5.org/extensibility.html#review reviews]'' microdata
can directly fall into the core of Invenio. (people, events, organizations
really depends on the type of records)
More improvements, of course, can be added :-)
--
Ticket URL: <http://invenio-software.org/ticket/632>
Invenio <http://invenio-software.org>
