Structuring Documents with New HTML5 Semantic Elements

Abstract

This paper will explore howto use new semantic tags in HTML5 (Hyper Text Markup Language) and how to structure document to create meaningfulhtml document outline.It will explore new semantic elements and cover changes in syntax of previous versions of HTML. Also it will describe HTML5 outline algorithm that helps defining and structuring site content. It willstudy statistics of naming html tags justifying the increasing use of HTML5 semantic tags as a standard in the structuring ofhtmldocuments.

Aesthetic Trends and Semantic Web Adoption of Media Outlets Identified through Automated Archival Data Extraction

“…Soon afterward, the adoption of Semantic HTML elements and Open Graph RDFa data begins. Back in the early 2010s, Fulanovic et al [21] pointed out the importance of using the semantic elements instead of classes and ids to provide contextual information on websites and from our findings, it appears that this importance was acknowledged in the field of media outlets. In the same time period, the downward trajectory in traditional news media, alongside the rise of social media, as noted by Bajkiewicz et al [33], dictated a shift from traditional media relations to a hybrid model, making most out of the Social Media environment.…”

“…With the coming of HTML5 in 2008, a series of new structural elements were added [20] with the intention of not only providing structural insight, as normal HTML elements do but also contextual insight on what the content inside these elements represents. Fulanovic et al indicate that usage of these elements is mainly intended for browsers and accessibility devices, and that it is up to the content creators to select the proper element to convey the contents of each part of their website [21]. These the elements are <article>, <aside>, <details>, <figcaption>, <figure>, <footer>, <header>, <main>, <mark>, <nav>, <section>, <summary>, and <time>.…”