bestwebdesign

Freelancign web design and Graphics design

Monday 27 November 2017

HTML5 New Elements

HTML5 New Elements

The following is a rundown of the new HTML5 elements, and a depiction of what they are utilized for.


New Semantic/Structural Elements


HTML5 offers new elements for better document structure:
TagDescription
<article>Defines an article in a record 
<aside>Defines content beside the page content 
<bdi>Isolates a piece of content that may be designed in an alternate heading from other content outside it
<details>Defines extra subtle elements that the client can view or cover up

<dialog>Defines a discourse box or window 
<figcaption>Defines an inscription for a <figure> component 
<figure>Defines independent substance 
<footer>Defines a footer for a record or segment 
<header>Defines a header for a record or segment 
<main>Defines the primary substance of a record 
<mark>Defines stamped/featured content 
<menuitem> Defines a charge/menu thing that the client can conjure from a popup menu 
<meter>Defines a scalar estimation inside a known range (a gage) 
<nav>Defines route joins 
<progress>Represents the advance of an undertaking 
<rp>Defines what to appear in programs that don't bolster ruby explanations
<rt>Defines a clarification/articulation of characters (for East Asian typography)
<ruby>Defines a ruby comment (for East Asian typography) 
<section>Defines a segment in a report 
<summary>Defines an obvious heading for a <details> component 
<time>Defines a date/time 
<wbr>Defines a conceivable line-break

New Form Elements

TagDescription
<datalist>Specifies a list of pre-defined options for input controls
<output>Defines the result of a calculation

HTML5 - New Attribute Syntax

TypeExample
Empty<input type="text" value="John" disabled>
Unquoted<input type="text" value=John>
Double-quoted<input type="text" value="John Doe">
Single-quoted<input type="text" value='John Doe'>

HTML5 Graphics

TagDescription
<canvas>Draw graphics, on the fly, via scripting (usually JavaScript)
<svg>Draw scalable vector graphics

New Media Elements

TagDescription
<audio>Defines sound content
<embed>Defines a container for an external (non-HTML) application
<source>Defines multiple media resources for media elements (<video> and <audio>)
<track>Defines text tracks for media elements (<video> and <audio>)
<video>Defines video or movie
Share:

0 comments:

Post a Comment


Web Design Tutorial

Theme Support

Munere veritus fierent cu sed, congue altera mea te, ex clita eripuit evertitur duo. Legendos tractatos honestatis ad mel. Legendos tractatos honestatis ad mel. , click here →