8 Ways to Get Started with HTML5 Today

HTML5 has been around for a few years now, and yet there are still a lot of people who are resistant to using it. But there are a number of aspects of HTML5 that you can start using today without any worries about compatibility whatsoever:

  • The DOCTYPE
    <!doctype html>
    This is required in order to write HTML5, but it also won’t hurt your site even in older browsers. Browsers that don’t necessarily recognize the doctype will still display the page correctly — they’ll just use quirks mode.
  • The shortened meta character set
    <meta charset="utf-8">
    This was implemented in HTML5 because every browser out there defines the character set from this tag. And the browsers implemented it because web designers were doing it by mistake.
  • Remove the type from SCRIPT and STYLE elements
    <script src=""></script>
    <style></style>

    In HTML 4 it was required that you use the type attribute to define scripts and styles. But as long as your style sheets are using CSS and your scripts are using JavaScript (ECMAScript), you can leave off the type designation and they will work without any issues.
  • Sectioning elements
    <section>, <article>, <aside>, <header>, <footer>, <nav>, and so on
    You can add the sectioning elements into your existing HTML and they won’t change the way the page looks at all. Browsers that don’t recognize them will ignore them, and browsers that do will add that semantic information to the site.
  • Other semantic elements
    <mark> and <time>
    Like  sectioning elements, these add semantic information to the content, but browsers that don’t recognize these elements will simply ignore them.
  • Use the id attribute instead of name
    While both attributes are valid in certain situations, you can use the id attribute to create anchors within your text. This isn’t an HTML5 specific change, but all modern browsers support linking to an ID with the pound-sign (#), for example:
    <h1 id="headline1">
    <a href="#headline1">
  • Use placeholder links
    <a>placeholder link</a>
    A placeholder link is just a link that doesn’t have an href attribute. They are another item that most web designers have used at one time or another, and now with HTML5 they are valid.
  • Use the new INPUT types in your forms
    When you use an input type of email on your email input fields, browsers that support it will validate that the data looks like an email address. And browsers that don’t support it will simply ignore the type and treat it as a text box.

 

Leave a Reply

Your email address will not be published.