The Doctype! Is this Document HTML5?

After all of the learning to set up a basic html5 page, we suddenly are now going to tell the browser that we are using html5 by using the "doctype element". The doctype* as the name suggest specifies the document type. Being an everyday evolving language, html has several versions and associated technologies and every individual has open options to use any of them according to their preference. The doctype defines information like which version of the html is used to write the document etc.

But as of this course of time html5 is the new common among developers and it greatly simplifies the doctype of the html document and shrinks it down to just a simple statement against the old long and terrifying DTD and Xhtml declarations (if you don't know what they are, don't worry; you don't need to).

The doctype is defined at the very beginning of the document even before the html element in the webpage. Now since, the doctype is a special element which is just for the purpose of defining the type of the html document, it has a sightly different syntax than other elements.
The doctype tag is surrounded by angle brackets as usual but starts with an exclamation mark '!' followed by the doctype declaration as "html". That's it.

<!DOCTYPE html>
(the doctype can also be written in smallcaps, it won't make a difference)

Test Code : ( The html5 page is ready to go )

<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>
My page still has a title within head tag
</title>
</head>
<body>
I can see my text appearing in the main content area.
All the content in the webpage is mentioned in this tag
</body>
<html>

Note: Similar to meta tag there will not be any difference in appearance of the page in the browser but now you specified the use of html5 and the new html5 elements can be used explicitly.

Comments

How to program pyramids using loops - 2

In this video tutorial, two of the more patterns have been discussed that relates to the similar pattern problems. What's different about these are that they also include spaces before the stars as a part of the pattern to be printed. Having this extra sub pattern to track spaces in the desired pattern requires an extra loop to track and control it . For a brief review, We discussed that these patterns if observed carefully are just representation of tables i.e. a combination of rows and columns . And few of the cells in that table are populated with some data according to a logically programmed algorithm with represents a pattern. In these cases, the red triangles shows us the spaces represented by "sp" and therefore unlike the previous pattern these need to be managed by the loop as they occur before the stars in the pattern. So, taking the same approach of rows and columns managing loops, we will have an outer loop that tracks the rows which will start at 0...

Hello World in PHP!

PHP is one of the most powerful languages of the web. PHP is an application server as well as a programming language that has the capability to do loads of stuff like generate dynamic HTML, connect to databases, apply programming logic to the website code, server side scripting, form handling etc. It is one of the most widely used scripting languages. In order to get it running, you will need to have a basic setup preconfigured which we'll cover later in the course. Just to give you all a head's up, we will start with the trivial "HELLO WORLD" program. Test Code : ( Use this code to display Hello World! in the console ) <?php echo "Hello, World!"; ?> NOTE: Don't worry about anything else you see on the screen just focus on the code and rest will be discussed later in the tutorials. Save the file as " H ello.php " in the DOCUMENT ROOT of your web-server; for XAMPP users like me its the HTDOCS folder in the installat...

Hello world in Java!

Java is one of the most commonly used programming languages in the world today. Most of the work you can ever think in the world of programming can be done using Java Programming. Java is used to program everything from small devices to heavy machines. Everything from your Smartphone to your ATM card is somehow supported by Java behind the scenes. In order to learn Java which you might have also heard as of the most popular Object oriented Programming language of the modern times, we must start with the trivial "HELLO WORLD" program. Test Code : ( Use this code to display Hello World! in the console ) public class Hello { public static void main ( String args[] ) { System.out.println( "Hello, World!" ); } } NOTE: Don't worry about anything else you see on the screen just focus on the code and rest will be discussed later in the tutorials. Save the file as " H ello.java " , the .java exte...

Artoves : Blend of Technology and Socialism

Search This Blog