Weblogtricks

Difference Between HTML and HMTL5

Difference Between HTML and HMTL5

As You Know that HTML is the main structure of web development that is way to about html

in earliest web developer use HTML basic for making a Web Pages for websites and slowly slowly

HTML finally updated and in this time HTML Also Reach version that Called HMTL5  

So Guys Let's go to know that how html was work After HTML5 and another that what is

Difference Between HTML And HTML5 .

Also Read⏩HTML Basic Elements And Tags







New Doctype

Before html5 we was using doctype like:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

* That was impossible and difficult-to-memorize

BUT in HMTL5
You simply write:
  <!DOCTYPE html>   
* Still it truthfully isn't even really necessary for HTML5.
* However, it's used for current, and older browsers that require a specified doctype
                 *  So, without worry, feel free to use new HTML5 doctype


The Figure Element

Consider the following code for an image with its caption:
  <h3>Before using HTML5:</h3>
  <img src = “nature.jpg alt = "About image height = “30%" width = 40%“ />
  <p>Fig.1: Nature Image. </p>
 * There unfortunately isn't any easy or semantic way to associate the caption


BUT in HMTL5

Introduced the <figure> element, combined with the <figcaption>element:
 
  <h3>Using HTML5:</h3>
  <figure>
             <img src = “nature.jpg" alt = "About image" height =30%” width = 40% />
             <figcaption>
                         <p>Fig.1: This is an image of something interesting. </p>
             </figcaption>
  </figure>


Output 





No More Types for Scripts and Links

Some programmer possibly still add the type attribute to link and script tags as:

   <link rel="stylesheet" href="path/to/stylesheet.css"                         />
  <script src="path/to/script.js“          ></script>

    
BUT in HMTL5

This is no longer necessary we can remove the  type  attribute as:

  <link rel="stylesheet" href="path/to/stylesheet.css" />

  <script src="path/to/script.js"></script>


To Quote or Not to Quote

...That is the question. Remember, in XHTML or some other version of HTML the Quote (single or
 double) was necessary like eg.

  <p class = “myClass id = “someId> This is paragraph </p>
  OR
  <p class = ‘myClass id = ‘someId> This is paragraph </p>

BUT in HMTL5
This is no longer necessary we can write it without Quote:

   <p class = myClass  id = someId> This is paragraph </p>


Make Content Editable

A new attribute that can be applied to elements, called content editable 
As the name implies, this allows the user to edit any of the text contained within the element, 
including its children.
For Example:

  <h2> To-Do List </h2>
       <ul                                >
                <li> Break mechanical cab driver. </li>
                      <li> Drive to abandoned factory </li>

                      <li> Watch video of self </li>
       </ul>


Output:






Audio Support

No longer do we have to rely upon third party plugins in order to render audio. 
HTML5 now offers the <audio> element.
Well, at least, ultimately, we won't have to worry about these plugins.
For the time being, only the most recent of browsers offer support for HTML5 audio.
Example:
  <audio autoplay = "autoplay" controls = "controls">
      <source src = "file.mp3" />
  </audio>



Video Support

Much like the <audio> element, we also, of course, have HTML5 video as well in the new browsers!
Before HTML5, there was no standard for showing videos on a web page.
Before HTML5, videos could only be played with a plug-in (like flash).
The HTML5 <video> element specifies a standard way to embed a video in a web page.
Example:

  <video autoplay = "autoplay" controls = "controls" >
              <source src=“anyVideo.mp4"  />
              <p> Your browser is old.
                <a href=“anyVideo.mp4">Download this video instead.</a>
          </p>
  </video>


HTML5 Input Types




HTML5 Input Attributes



So guys that is overview about html between HTML5

COMMENTS

Name

Blogging,3,Make Money,3,News,2,SEO,2,Tricks & Tips,3,Web Designing,7,Web Development,2,
ltr
item
Web Log Tricks: Difference Between HTML and HMTL5
Difference Between HTML and HMTL5
Difference Between HTML and HMTL5
https://4.bp.blogspot.com/-gur9HX8oSuw/WEz9S5HMe0I/AAAAAAAAAJQ/gtwoHCODr94Bvw19wuJcVJ5femDW7yd2gCLcB/s640/Screenshot_6.jpg
https://4.bp.blogspot.com/-gur9HX8oSuw/WEz9S5HMe0I/AAAAAAAAAJQ/gtwoHCODr94Bvw19wuJcVJ5femDW7yd2gCLcB/s72-c/Screenshot_6.jpg
Web Log Tricks
http://www.weblogtricks.com/2016/12/difference-between-html-and-hmtl5.html
http://www.weblogtricks.com/
http://www.weblogtricks.com/
http://www.weblogtricks.com/2016/12/difference-between-html-and-hmtl5.html
true
3158682668530211189
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy