Eazy HTML5 Elements

Plugin Banner

Eazy HTML5 Elements

by Rob Scott

Download
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

  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
  1. HTML heading elements.

    HTML heading elements.

  2. Elements for grouping HTML content.

    Elements for grouping HTML content.

  3. Elements for HTML text level semantics.

    Elements for HTML text level semantics.

  4. Elements for editing HTML content.

    Elements for editing HTML content.

  5. Elements for embedding HTML content. Files are included in /resources.

    Elements for embedding HTML content. Files are included in /resources.

  6. Elements for displaying HTML tables.

    Elements for displaying HTML tables.

  7. Elements for displaying HTML forms.

    Elements for displaying HTML forms.

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 .

1.0.0

  • Initial Release.
Back to top