HTML.co.uk

HTML 5 has brought lots of changes to the specifications of HTML. Doctype is the one thing that can be remembered easily. Apart from doctype, in order to build websites, HTML 5 has brought 25 new tags. Some of the new tags are a long time coming to the HTML and there are some others and they are complicated. However, the complicated tags are very useful.

Layout Tags

In HTML 5, the new layout tags will allow you to define all the sections of the WebPages as a layout area even without the need of div tag to define them. Header tag surrounds the header and nav tag surrounds navigation. Just use these tags normally just like div tags.

Article – is the main content in WebPages

Aside – extra content

Footer – is a footer for a page

Figure – is a peripheral content along with the caption

Header – header of the page

Section – any portion or section of the page

Nav – page navigation

Multimedia Content

HTML 5 attempts to make the both audio and video to add to a webpage. By providing the specific tags for both the video and audio, it can be put on the WebPages.

Audio – audio stream is denoted

Source – source files for both audio and video

Video – video stream is denoted

Web Applications and DHTML or Ajax

The HTML 5 adds some of the tags to the language specifically for the Web applications, DHTML and Ajax. More hooks are given to the scripting languages by these tags and for the browsers, it provides framework in order to deliver the application data.

Canvas – it is a place where dynamic graphics could be drew

Command – This denotes a command button, which has the information sent to the script or server

Datagrid – it is a references dynamic data in tabular data form or in a tree form

Datalist- list of data is referenced in the drop-down list

Details- this provides additional details of any page element

Output – this references the output or calculation of a script

Progress – this represents a progress bar

Ruby Annotations

Ruby is a short run of the text alongside a base text and is typically used in the East Asian documents in order to indicate short annotation or to indicate pronunciation. Through the help of three tags, HTML 5 provides access to ruby.

rp – this is a Ruby parenthesis for the user-agents that cannot handle ruby

rt- it is a Ruby text,

ruby –this is a span of the ruby annotation

Some of the other new tags

There are some new tags that will help you to mark the HTML effectively. These tags help the browsers to know exactly what different elements are there on the page.

Dialog – people talking or a conversation

hgroup – it is a grouping of header tags that must stay altogether

Mark – it is a text that has been marked for many reference purposes

Meter – it is a scalar gauge of a measurement

time – time or date

Whenever you create a link in a particular Webpage, it’s obvious that most of the Web browsers will automatically attempt to open that particular link in the browser window. At present, with the use of various plug-ins and many other features, browsers will be able to open more files the files that they were forced to download. In times, this is the one we want mostly as after all we are building WebPages. You’ll also post your files sometimes to your Website where you want the browsers to download in to their hard-drive rather than just viewing in the Website’s browser window.

If you want the browsers to download the content from your Website, an HTML download tag would be the perfect solution. But unfortunately there is no such tag as an HTML download tag. If you want to set up some file download files in your Website, you just link the file in same way as you would link a particular file in order to open in that browser window. Without a HTML download tag, you can initiate your download, as there are some ways to do it.

Do tell your Website readers regarding their Browser functionality

The browsers that are coming today are very modern in nature that has context menu. If you right click the mouse button this context menu will appear (or options plus mouse button for a one button Macs). Whenever you right click on a particular link, one of the options that appear on the context menu is “save link as…” or “save as…” if you choose this, that file which is on the other side of that link will be downloaded to a hard drive even though it could be opened in that browser.

To emulate HTML download tag, the simplest way or method is by telling the people to just right click on any of the particular link that is to be downloaded and you can write some thing like this as mentioned below

(Option-click or right-clicks on that particular link and then choose to do “save as…” in order to download that link to the hard disk directly)

In Order to download, compress the file

If you want to automatically download the file, then compress your file using your using your operating system and the compression is done by just zipping the file. The files that are zipped will automatically download.

With PHP trick the browser

At last, if you have the knowledge of some PHP, you can just use 5 simple line of PHP script, so that you cab force the Web Browser in order to download the particular file even without zipping the file or else you can ask the readers to do whatever they want. This type of method relies only on HTTP headers in order to tell the browser that this file is just an ordinary attachment rather than it is a Web document. (This PHP will just allow you to change HTTP headers).