Basic Mark-Up Changes in HTML5

Posted by Webmaster - August 2, 2012 - Blog - No Comments

Previous changes to HTML were by and large pretty small. HTML5 on the other hand is a huge rollout. There are a lot of changes to both advanced and basic features. In HTML5, the core of the basic mark-up language itself has some important changes.

In HTML4, many elements were replaced by new elements. For example, the tag was replaced by the tag. That said, however, the old tags were still supported.

In the new HTML5, old tags won’t be supported at all. That means that although browsers will still be able to display tags, the tags themselves won’t be guaranteed to look the way you want them to.

These are some of the most important changes to the basic mark-up language.

==> No More Frames

The , and tags are all going to be phased out.</p> <p>This makes sense, considering all the advances in technology. Frames were originally created to allow people to separate navigation bars from content.</p> <p>Today, there are so many ways to do this that there&#8217;s absolutely no reason to use frames.</p> <p>==> Goodbye <font></p> <p>The <font> tag has been around as long as HTML itself. People have used this tag to change font sized and font colors since the very beginning of the World Wide Web.</p> <p>In HTML5, the <font> tag will be retired. Instead of using <font>, you&#8217;ll just use CSS to define how you want your text to look.</p> <p>This is a big shift from the past, as there are still a lot of webmasters that use <font> out of habit. CSS is more versatile and code-friendly to be sure, but in the past webmasters could choose exactly how they wanted to set their fonts. Now webmasters will be forced to switch.</p> <p>==> No More <center></p> <p>Again, another age-old tag is retired. The <center> tag will be retired in favor of &#8220;align=center&#8221; in div tags and CSS.</p> <p>There are a lot of different ways you can align your pages in both HTML and in CSS. The <center> tag was always a little bit messy from a code perspective. After HTML5 reaches full adoption, it&#8217;ll be gone for good.</p> <p>==> Added Form Input Types</p> <p>HTML5 will continue to support all the form input types that they supported in the past. In addition, however, three important types have been added.</p> <p>First, you have dates. These include month, week, time, number and other date-related input types.</p> <p>Then you have the email input type, which helps make sure that people typed in an email into the input form.</p> <p>Finally, you have the URL input type, which validates that a URL was typed into the form code.</p> <p>HTML5 has made some big changes to the very structure of HTML. In the future, you can expect to see more streamlined code once HTML5 has been adopted.</p> <!-- CONTENT (end) --> <div class="clear"></div> <div class="bottom"><!-- --></div> </div><!-- .page (end) --> <!-- Comments --> </div><!-- #content (end) --> <!-- FOOTER (start) --> <div class="clear"></div> <div id="footer-top"><!-- --></div> <div id="footer"> <div id="footer-inner"> <!-- Footer Widgets (start) --> <div class="column one-third"><div class="widget"><h2>Our Blog and Marketing Tips</h2><div class="themeblvd-recent-posts"> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/why-you-should-start-a-membership-site/" title="Why You Should Start a Membership Site">Why You Should Start a Membership Site</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/why-the-numbers-matter/" title="Why the Numbers Matter">Why the Numbers Matter</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/why-more-isnt-always-better/" title="Why More Isn&#8217;t Always Better">Why More Isn&#8217;t Always Better</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/using-interviews-to-generate-content-topic-ideas/" title="Using Interviews to Generate Content Topic Ideas">Using Interviews to Generate Content Topic Ideas</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/using-content-to-strengthen-your-community-relationships/" title="Using Content to Strengthen Your Community Relationships">Using Content to Strengthen Your Community Relationships</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/tools-to-use/" title="Tools to Use ">Tools to Use </a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/ten-metrics-to-track/" title="Ten Metrics to Track">Ten Metrics to Track</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/sustainable-event-planning/" title="Sustainable Event Planning">Sustainable Event Planning</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/stop-guessing-and-know-what-works/" title="Stop Guessing and Know What Works">Stop Guessing and Know What Works</a> </span> <div class="clear"></div> </div> <div class="tiny-entry"> <span class="title"> <a href="http://www.simplicitymktg.com/blog/step-by-step-guide-to-creating-a-solid-content-marketing-plan/" title="Step-by-Step Guide to Creating a Solid Content Marketing Plan">Step-by-Step Guide to Creating a Solid Content Marketing Plan</a> </span> <div class="clear"></div> </div> </div><!-- .themeblvd-recent-posts (end) --></div></div><!-- .column(end) --><div class="column one-third"><div class="widget"><form role="search" method="get" id="searchform" class="searchform" action="http://www.simplicitymktg.com/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form></div><div class="widget"><h2>Daily Marketing Tips</h2><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar"> <caption>November 2017</caption> <thead> <tr> <th scope="col" title="Sunday">S</th> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> </tr> </thead> <tfoot> <tr> <td colspan="3" id="prev"><a href="http://www.simplicitymktg.com/2015/08/">&laquo; Aug</a></td> <td class="pad">&nbsp;</td> <td colspan="3" id="next" class="pad">&nbsp;</td> </tr> </tfoot> <tbody> <tr> <td colspan="3" class="pad">&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td> </tr> <tr> <td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td> </tr> <tr> <td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td id="today">17</td><td>18</td> </tr> <tr> <td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td> </tr> <tr> <td>26</td><td>27</td><td>28</td><td>29</td><td>30</td> <td class="pad" colspan="2">&nbsp;</td> </tr> </tbody> </table></div></div></div><!-- .column(end) --><div class="column one-third"><div class="widget"><h2>Get in Touch</h2> <ul class="themeblvd-simple-contact"> <li class="phone ie6">1.888.520.5288</li> <li class="email ie6"><a href="mailto:info@SimplcityMktg.com" title="Email Us">info@SimplcityMktg.com</a></li> <li class="links ie6"> <ul class="social-links"> <li><a href="http://twitter.com/simplicitymktg" title="Twitter" class="twitter ie6 image-button">Twitter</a></li> <li><a href="http://www.facebook.com/SimplicityMarketing" title="Facebook" class="facebook ie6 image-button">Facebook</a></li> </ul> </li> </ul> </div> </div><!-- .column(end) --> <!-- Footer Widgets (end) --> <div class="clear"></div> </div><!-- #footer-inner (end) --> </div><!-- #footer (end) --> <div id="footer-bottom"><!-- --></div> <!-- FOOTER (end) --> <div id="copyright"> <div class="alignleft"> <p>(c) 2017 Simplicity Marketing, Inc.. All rights reserved.</p> </div><!-- .left (end) --> <div class="alignright"> </div> <div class="clear"></div> </div><!-- #copyright (end) --> </div><!-- #main-inner (end) --> </div><!-- #main (end) --> <div id="main-bottom"><!-- --></div> </div><!-- #main-wrapper (end) --> </div><!-- #wrapper (end) --> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/www.simplicitymktg.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; /* ]]> */ </script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/jquery.fileupload.min.js?ver=9.18.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var iphormL10n = {"error_submitting_form":"An error occurred submitting the form","upload_too_many":"You have attempted to queue too many files","upload_file_type_not_allowed":"This file type is not allowed","upload_file_too_big":"This file exceeds the maximum upload size","invalid_response":"The response from the server was invalid or malformed","ajax_error":"Ajax error","plugin_url":"http:\/\/www.simplicitymktg.com\/wp-content\/plugins\/iphorm-form-builder","ajax_url":"http:\/\/www.simplicitymktg.com\/wp-admin\/admin-ajax.php","preview_no_submit":"The form cannot be submitted in the preview"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/jquery.iphorm.js?ver=1.10.0'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/jquery.form.min.js?ver=3.5.1'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/jquery.smooth-scroll.min.js?ver=1.7.2'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/qtip2/jquery.qtip.min.js?ver=2.2.1'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/uniform/jquery.uniform.min.js?ver=2.1.2'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-content/plugins/iphorm-form-builder/js/jquery.infieldlabel.min.js?ver=0.1'></script> <script type='text/javascript' src='http://www.simplicitymktg.com/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-30355084-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>