HTML5 introducection

HTML5 introduces
a number of new elements and attributes that reflect typical usage on modern websites. Some of them are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block), <footer> (usually referring to bottom of web page or to last lines of HTML code), or <audio> and <video> instead of <object>.Some deprecated elements from HTML 4.01 have been dropped, including purely presentational elements such as <font> and <center>, whose effects have long been superseded by the much more powerful Cascading Style Sheets.

When you use the new HTML5 DOCTYPE, it triggers browsers to render the page in standardscompliant
mode. As you may know, Web pages can have different rendering modes, such as Quirks,
Almost Standards, and Standards (or no-quirks) mode. The DOCTYPE indicates to the browser which
mode to use and what rules are used to validate your pages.
Related Posts:
  • A Basic HTML5 Template As you learn HTML5 and add new techniques to your toolbox, you’re likely goingto want to build yourself a blueprint, or boilerplate, from which you can begin allyour HTML5-based projects. In fact, you’ve probably already don… Read More
  • Overview of HTML5 Canvas When you use a canvas element in your web page, it creates a rectangular area on the page. By default,this rectangular area is 300 pixels wide and 150 pixels high, but you can specify the exact size and setother attributes f… Read More
  • CSS File for the HTML5 Page body {background-color:#CCCCCC;font-family:Geneva,Arial,Helvetica,sans-serif;margin: 0px auto;max-width:900px;border:solid;border-color:#FFFFFF;}header {background-color: #F47D31;display:block;color:#FFFFFF;text-align:center… Read More
  • The head Element HTML5 The next part of our page is the <head> section. The first line inside the head is theone that defines the character encoding for the document. This is another elementthat’s been simplified. Here’s how you used to do t… Read More
  • CSS and Canvas HTML5 As with most HTML elements, CSS can be applied to the canvas element itself to add borders, padding,margins, etc. Additionally, some CSS values are inherited by the contents of the canvas; fonts are a goodexample, as fonts d… Read More
  • Html Core Attributes Prior to HTML 4.0, few attributes could be used consistently for all the HTML tags. HTML 4.0 changed this, defining a set of 16 core attributes that you can apply to almost all the elements in both HTML 4.01 and XHTML 1.… Read More
  • The context object drawing functionality HTML5 arc(): The arc command draws an arc (portion of a circle) as part of apath. The arc is defined like a circle, with a center and radius, but also withbeginning and ending angles. If the angles describe a full circle (0 to 2 ×… Read More
  • The html Element HTML5 Next up in any HTML document is the html element, which has not changed significantlywith HTML5. In our example, we’ve included the lang attribute with avalue of en, which specifies that the document is in English. In XHTML-… Read More
  • The svg element HTML5 The <svg> element allows the author to build a vector-based image directly in the page using the SVG markup language. <svg xmlns:xlink=”http://www.w3.org/1999/xlink” xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 … Read More
  • W3C node types Node type Numeric type value Description Element - Represents an element. Attribute - Represents an attribute. Text-3 Represents character data in an element or attribute. CDATA section - Represents text that may contain … Read More
  • HTML5 Content Types Embedded:-Content that imports other resources into the document, for example audio, video,canvas, and iframe Flow:-Elements used in the body of documents and applications, for example form, h1, andsmall Heading :-Section h… Read More
  • Using the Selectors API HTML5 getElementById() -Returns the element with the specified id attribute value<div id="foo">getElementById("foo"); getElementsByName() -Returns all elements whose nameattribute has the specified value<input type="text… Read More
  • video element of HTML5. The video element is one of the more anticipated features of HTML5. With this tag, developers will be able to embed videos into a Web page without requiring a plugin like Flash. <video src = “bigBuck.ogv” controls> Yo… Read More
  • The Doctype HTML5 First, we have the Document Type Declaration, or doctype. This is simply a way totell the browser—or any other parsers—what type of document they’re looking at.In the case of HTML files, it means the specific version and fla… Read More
  • The details Element HTML5 This new element helps mark up a section of the document that’s hidden, but canbe expanded to reveal additional information. The aim of the element is to providenative support for a feature common on the Web—a collapsible bo… Read More