Skip to main content

WHAT IS NEW IN HTML5

A lot of thing have been changed in html5.
In last version we always use <div> tag for any particular thing like

for header 

html4

<div id="header"></header>

html5

<HEADER></HEADER>

For navigation menu

html4

<div id="nav"></nav>

html5

<NAV></NAV>

For page artical

html4

<div id="artical"></artical>

html5

<ARTICAL></ARTICAL>

For sidebar

html4

<div id="sidebar"></sidebar>

html5

<SIDEBAR></SIDEBAR>

For sidebar

html4

<div id="footer"></footer>

html5

<FOOTER></FOOTER>


Html 5 make it easy to understand. More readable.


MOST LATEST THING IN HTML5

  

New Media Elements

TagDescription
<audio>Defines sound or music content
<embed>Defines containers for external applications (like plug-ins)
<source>Defines sources for <video> and <audio>
<track>Defines tracks for <video> and <audio>
<video>Defines video or movie content

HTML5 Graphics

TagDescription
<canvas>Defines graphic drawing using JavaScript
<svg>Defines graphic drawing using SVG

New Input aTTRIBUTE

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'>

New Input Types

New Input TypesNew Input Attributes
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step
TagDescription
<datalist>Defines pre-defined options for input controls
<keygen>Defines a key-pair generator field (for forms)
<output>Defines the result of a calculation
TagDescription
<article>Defines an article in the document
<aside>Defines content aside from the page content
<bdi>Defines a part of text that might be formatted in a different direction from other text
<details>Defines additional details that the user can view or hide
<dialog>Defines a dialog box or window
<figcaption>Defines a caption for a <figure> element
<figure>Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>Defines a footer for the document or a section
<header>Defines a header for the document or a section
<main>Defines the main content of a document
<mark>Defines marked or highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter>Defines a scalar measurement within a known range (a gauge)
<nav>Defines navigation links in the document
<progress>Defines the progress of a task
<rp>Defines what to show in browsers that do not support ruby annotations
<rt>Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>Defines a ruby annotation (for East Asian typography)
<section>Defines a section in the document
<summary>Defines a visible heading for a <details> element
<time>Defines a date/time
<wbr>Defines a possible line-break

Comments

Popular posts from this blog

Wo-commerce sidebar navigation

There is Plus Minus Image you can change it in your own code

How to add attribute in input type onload

Add this script this will target your input type submit and set an attribute on it when page load. <script> function functionAddAttribute(){     $("input:submit").attr("accesskey","g"); }; window.onload = functionAddAttribute; </script> <noscript>Your browser does not support JavaScript!</noscript> This is html <input type="submit" value="this is button" />

HOW TO IMPLEMENT ADAPTIVE IMAGE IN WORDPRESS

If you don't know about Adaptive image please Read my last artical. STEP:1 COPY .htaccess , Adaptive-image.php, ai-cookie.php, DS_Store file in your root directory STEP 2: CREATE folder in wp-contant/uploads/adaptive/ai-cache if .htaccess file already exist then pest this code in it but be carefull take its backup CODE #START Adaptive-Images #Add any directories you wish to omit from the Adaptive-Images process on a new line. #Omit plugins, wp-includes and wp-admin content. RewriteCond %{REQUEST_URI} !wp-content/plugins RewriteCond %{REQUEST_URI} !wp-includes RewriteCond %{REQUEST_URI} !wp-admin #Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above directories #to adaptive-images.php so we can select appropriately sized versions RewriteRule .(?:jpe?g|gif|png)$ adaptive-images.php #END Adaptive-Images UNDER # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On STEP3: Open Adaptive-image.php change with it $cache_path    = "wp-content/upl...