HTML 5 Basics

Advanced Features of HTML 5

One of the best new features of HTML5 will be the ability to incorporate videos and other multimedia projects without the requirement for additional downloads such as Flash. For example a video could be added thus:

<video width="300" height="200" controls="controls">
<source src="yourvideo.mp4" type="video/mp4">
<source src="yourvideo.ogg" type="video/ogg">
<source src="yourvideo.webm" type="video/webm">
Sorry, your browser does not support this video display
</video>

The following table of tags covers most of the current options available under HTML 5 but it is still under development so more may be added or possibly some removed as time goes by.


<article> This could be something like a news article that may alter daily for example.
<aside> This is an 'aside' from your main text, such as an editors comment etc.
<bdi> For text that should not be bound to the text-direction of its parent elements
<command> Generally a button or checkbox
<details> Containing details referring to a document, for example a pdf file the user can download
<summary> Used within details as a summary of the file etc
<figure> For stand alone content such as videos etc
<figcaption> Caption for the above
<footer> Page footer, such as copyright details etc.
<header> Main title of the page, should be in H tags as well
<hgroup> Used if more than one HEADER group
<mark> Highlighted text
<meter> Defines measurements from min to max
<nav> The navigation links
<progress> A work in progress
<ruby> Chinese notes or characters
<rt> For explanation of the above
<rp> What to show browsers that do not support the above
<section> For any section in a document. Can be given ID
<time> Time or date
<wbr> Line break


<audio> Music, sounds etc
<video> Video, movies etc
<source> Media resources
<embed> For plug-ins
<track> Next track


<canvas> For making graphics with a javascript


<datalist> Options for input values
<keygen> Generate keys
<output> Type of output


tel The input value is of type telephone number
search The input field is a search field
url The input value is a URL
email The input value is one or more email addresses
datetime The input value is a date and/or time
date The input value is a date
month The input value is a month
week The input value is a week
time The input value is of type time
datetime-local The input value is a local date/time
number The input value is a number
range The input value is a number in a given range
color The input value is a hexadecimal color, like #FF8800
placeholder Specifies a short hint that describes the expected value of an input field


check this page validates for html5
   Particle Physics
   Dragons Den
   Football Facts   Cider Vinegar