What is new in html 5

-

What is new in html 5

The <!DOCTYPE html> declaration is used to inform a website visitor's browser that the document being rendered is an HTML 5 document. There are plenty of new tags in HTML 5 which we can use easily. And many new elements have come in Html 5.

What is new in html 5


New Elements in HTML5
<article>, <footer>, <header>, <main>,  <aside>, <mark>, <progress>, <section>, <summary>, <time>, <bdi>, <details>, <dialog>, <figcaption>, <figure>



HTML5 Graphics
<canvas>, <svg>


New Media Elements
<audio>, <video>, <embed>, <source>, <track>

New Input Types
email, month, number, range, search, tel, time, url, week, color, date, datetime,
datetime-local.
Follow On Social Media -
Follow on Facebook   -  https://www.facebook.com/Front-End-Issue-487743404963344
Follow on instagram   -  https://www.instagram.com/frontendissue/  
Follow on Twitter       -  https://twitter.com/IssueEnd
Follow on Linkedin     -  https://www.linkedin.com/in/hitesh-patidar-34253a10a/ 
Follow on GooglePlus -  https://plus.google.com/118238268171156252992

Follow on pinterest    -  https://in.pinterest.com/frontendissue/

Comments

Post a Comment

Popular posts from this blog

Owl carousel center mode with zoom image

-
Image
Owl carousel center mode with zoom image in this slider the code is very simple to use. it is a new creative slide with the use of owl crousal included cursur effective zooimg image active images  HTML  <section class="sec sec-testimonials"> <div class="inner-testimonials"> <div class="owl-carousel custome_slide" id="slide-testimonal">     <div class="test_img">         <div class="main-reviewimage">             <img src="https://images.unsplash.com/photo-1513207565459-d7f36bfa1222?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1535&q=80" class="img-fluid" alt="">         </div>         <div class="testimonial_detail">             <h4>Siana H</h4>             <p>Perfect for what i needed. Found my Lenders almost instantly. who use again. </p&g
Read more

Add (+/-) Button Number Incrementers using jQuery

-
Image
Add (+/-) Button Number Incrementers using jQuery A common use would be a "quantity" input on an eCommerce site. The plus and minus field value interaction is done using jQuery, Add (+/-) Button Number Incrementers using jQuery.  HTML  <form id='myform' method='POST' action='#'>     <input type='button' value='-' class='qtyminus' field='quantity' />     <input type='text' name='quantity' value='0' class='qty' />     <input type='button' value='+' class='qtyplus' field='quantity' /> </form> More information please visit this url  https://www.papawebdesigner.com/  CSS  <style> #myform {     text-align: center;     padding: 5px;     border: 1px dotted #ccc;     margin: 2%; } .qty {     width: 40px;     height: 25px;     text-align: center; } input.qtyplus { width:25px; height:25px;} input.q
Read more

What is difference between click and onclick in jquery

-
Image
What is difference between click and onclick in jquery I would prefer .on over .click because the former can use less memory and work for dynamically added elements, A simple  difference between click and onclick in jquery. . <html>     <button id="add">Add new</button>     <div id="container">         <button class="alert">alert!</button>     </div> </html> where we add new buttons via - <script> $("button#add").click(function() {     var html = "<button class='alert'>Alert!</button>";     $("button.alert:last").parent().append(html); }); // click $("button.alert").click(function() {     alert(1); }); // on click $("div#container").on('click', 'button.alert', function() {     alert(1); }); </script> '.click' Clicks for cli
Read more