News Detail

.news-detail is an end page content module for news articles. To begin, wrap the contents of the page in a <article class="news-detail"> tag.

This module makes use of the <header> tag and locates the h1 and the publishing date within it.

The keywords section uses an unordered list within a div or footer element with the class of .keywords The keywords themselves could be linked or not linked.

Schema Options (microdata)

This module is also available as a schema.org formatted module. Many applications, especially search engines, can benefit greatly from this structured data. Pages marked up using microdata enable search engines to understand the information on web pages and provide richer search results in order to make it easier for users to find relevant information on the web.

Using microdata is optional, but highly encouraged. In the source code section, samples for plain html and the microdata version are both included.

Example:

Source Code:

 
    

        
News Title
        
Published: Aug 26, 2014
    
    
    
Full Article Text - Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
    
    

    

        
News Title
        
Published: Oct 20, 2014
    

    

        
Full Article Text - Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.