Templates by BIGtheme NET
  • Web Hosting
  • Online Marketing Expert
  • Online Marketing Expert
  • Web Hosting
  • pin
  • Online Marketing Expert
  • Wordpress Hosting

Learn Tips And Tricks Of HTML

Tips and Tricks of HTML
HTML is an abbreviation of “Hyper Text Mark-up Language” – However, for the sake of better understanding, let’s explain in detail.

  • Hyper is the contradictory of linear. In the old days when a program is executed, it went to one line, then after that, the next line and so on. But in HTML you can go wherever you want.
  • Text is self instructive.
  • Mark-up is what you want to do with the text, like you do with text editing program headings, bullets, bold text and so on.
  • Language is what HTML is. It uses many English words.
HTML (Hyper Text Markup Language) is used to communicate with a web browser how a web page should look and how the content of the webpage should look as well. HTML pages are created with tags giving specific instructions to your browser. Only the text appearing within tags will display in a browser. Specific tags will inform the browser the fonts, colors, size and text it should use. With its latest version, HTML5 becomes the next iteration of HTML. It gave power to HTML to become more than a basic structure provider. With HTML5 you can put videos and audios in your page without using Flash or silverlight. With the constant drop of Flash usage in web and Internet applications, HTML5 is opening new doors to web designers and developers. In this scenario, it is certainly crucial for every web developer to know about basic compatibility, features, tips and tricks of HTML5.

  1. Doctype:

    Are you still using old doctype which is quite hard to memorize?
    Tips and Tricks of HTML
    Switch to new doctype of HTML5.
    Learn Tips HTML

  2. Demolish Type for Scripts and Links
    You might be still adding type attribute to your link and script tags.
    Tips and Tricks of HTML
    It is no longer compulsory. It implied that both of these tags refer to stylesheets and scripts, respectively.
    Learn Tips HTML
  3. New Figure Element

    Think about the following code for an image:
    Learn Tips HTML
    With the introduction of <figure> element, which when combined with the <figcaption> element is a better approach for the image code.
    Tips and Tricks of HTML

  4. Make your Content Editable

    As the name implies, this allows users to edit any the text contained within the element, including its children. Which is also helpful in taking the advantage of local storage.
    Tips and Tricks of HTML
    Which could be written as:
    Learn Tips HTML

  5. The Semantic elements

    Gone are the days of:
    Tips and Tricks of HTML
    Divs by default, have no structure, even after the id attribute is applied. The above code can now be replaced with:
    Learn Tips HTML
    You can also have multiple header and footer in your code.

  6. Support Audio Feature

    Now you have no need to rely on extra plugins to deliver audio. HTML5 now offers the <audio> element.
    Tips and Tricks of HTML
    For the time being, only the most recent of browsers offer support for HTML5 audio.

  7. Video Preload

    If a user accesses a page, which is specifically made to present a video, then you should definitely preload the video so as to save the users bit of waiting time. Which can be done as:
    Tips and Tricks of HTML

  8. Regular Expressions

    The new pattern attribute will help you  to insert a regular expression directly into your code.
    Tips and Tricks of HTML
    If you are not familiar with regular expressions, then this pattern attribute implies:
    [A-Za-z] {4,10} accepts only upper and lower case letters. This string must have minimum 4 and maximum 10 characters.

  9. The Output Element

    The output element is used to display some sort of calculation.

OM Expert