This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Eazy HTML5 Elements

Description

Eazy HTML5 Elements is a WordPress plugin that displays most HTML elements using a shortcode.
This allows theme developers to visualize how HTML elements will display.

Eazy HTML5 Elements includes material copied from or derived from HTML5. Copyright © 2014 W3C® (MIT, ERCIM, Keio, Beihang).

HTML elements are grouped into 5 sections following the HTML5 spec by W3C

HTML HEADINGS

h1, h2, h3, h4, h5, h6

GROUPING HTML CONTENT

p, br, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div, main

TEXT LEVEL SEMANTICS

a, em, strong, small, s, cite, q, dfn, abbr, data, time, code, var, samp, kbd, sub, sup, i, b, u, mark, ruby, bdi, bdo, span, br, wbr

EDITS

ins, del

EMBEDDED CONTENT

img, iframe, embed, object, param, video, audio, source, track

TABLES

table, thead, tfoot, tbody, tr, th, td

FORMS

form, input
Input types include:
Text Field, Password Field, Radio Buttons, Checkbox, Number, Date, Color, Range, Month, Week, Time, Datetime, Datetime Local, E-mail, Telephone Number, URL, File, Select, Datalist, Optgroup, Option, Textarea, Keygen, Progress, Meter, Submit Button

Screenshots

  • HTML heading elements.
  • Elements for grouping HTML content.
  • Elements for HTML text level semantics.
  • Elements for editing HTML content.
  • Elements for embedding HTML content. Files are included in /resources.
  • Elements for displaying HTML tables.
  • Elements for displaying HTML forms.

Installation

  1. Download the plugin
  2. Upload plugin to WordPress installation
  3. Activate the plugin
  4. Create a page or post and use the shortcode [eazyhtml] to display HTML elements

FAQ

Installation Instructions
  1. Download the plugin
  2. Upload plugin to WordPress installation
  3. Activate the plugin
  4. Create a page or post and use the shortcode [eazyhtml] to display HTML elements
Where can I find more information on HTML5?

W3C. Specifically the HTML5 Specifications .

Contributors & Developers

“Eazy HTML5 Elements” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Eazy HTML5 Elements” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial Release.