Friday 19 August 2016

New Tags in HTML5

By,
Praveen

New Elements in HTML5

New Structural Elements in HTML5 :-
New elements are adding in HTML5 for better document structure.

Following tags are offering in Html5 ...
1.<article> :-       This tag is used to add article in the document
2.<aside> :-         By using this tag we can define content aside from the page content
3.<bdi> :-             By using this tag we can define a part of text that is formatted in a different 
                             direction from other text
4.<details> :-       This tag is used to defines additional details that the user can view or hide
5.<dialog> :-        This tag is used to defines a dialog box or window
6.<figcaption> :-  This tag is used to provide caption for a <figure> element
7.<figure> :-         This tag is used to defines self-contained contents i.e. code , diagrams, photos etc.
8.<footer> :-         This tag is used to defines a footer for the document or a section
9.<header> :-        This tag is used to defines a header for the document or a section
10.<main> :-         This tag is used to defining the main content of a page
11.<mark> :-         This tag is used to defines marked or highlighted text
12.<menuitem> :-  This tag is used to defines menu item that the user can invoke from a popup menu
13.<meter> :-         This tag is used to defines a scalar measurement within a known range (a gauge)
14.<nav> :-            This tag is used to defining navigation links in page
15.<progress> :-    This tag is used to defines the progress of a task
16.<rp> :-              This tag is used to defines what to show in browsers that do not support ruby  
                               annotations
 
                             

17.<rt> :-            This tag is used to defines an explanation/pronunciation of characters (for East
                            Asian typography)
18.<ruby> :-        This tag is defining a ruby annotation (for East Asian typography)
19.<section> :-    This tag is used to defines a section in the document
20.<summary> :- This tag is used to defines a visible heading for a <details> element
21.<time> :-         This tag is used to defines a date/time
22.<wbr> :-          This tag is used to defines a possible line-break

New Form Elements in HTML5:-
1.<datalist> :-    This tag is used to defines pre-defined options for input controls
2.<keygen> :-    This tag is used to defines a key-pair generator field (for forms)
3.<output> :-    This tag is used to defines the result of a calculation

New Input Types in HTML5:-
• Color
• week
• Date
• tel
• datetime
• datetime-local
• email
• month
• number
• range
• search
• time
• url

New Input Attributes in HTML5:-
• autocomplete
• step
• autofocus
• placeholder
• form
• pattern (regexp)
• formaction
• formenctype
• formmethod
• list
• Formnovalidate
• min and max
• formtarget
• height and width
• multiple
• required

New Attribute Syntax in HTML5:-
1. Empty                :-  <input type="text" value="Praveen" disabled>
2. Unquoted           :-  <input type="text" value=sharma>
3. Double-quoted   :-  <input type="text" value="Praveen Sharma">
4. Single-quoted    :-   <input type="text" value=' Praveen Sharma '>

1 comment:

  1. Thank you for the most valuable information....You must have done good research for the work, I appreciate your efforts.. Looking for more updates from your side about Best Best web development Services company india

    ReplyDelete