Question

HTML5 First steps

Answer 1

HTML5 is not only the latest version of HTML but it is also a compendium of technologies that are used to build modern and advanced websites. HTML5 is primarily responsible for providing a semantic standard in terms of code writing, as well as the possibility of providing solutions to features that were only possible in the past with plugins built in a laborious manner.

Selecting a web browser

This may sound obvious, but yes, the most important tool we will need to start with HTML5 is a web browser. Of the most popular and compatible we have:

• Google Chrome
• Mozilla Firefox
• Opera
• Apple Safari
• Internet Explorer

These browsers are used by most users, some more others less. They are constantly being updated to provide the necessary support for these new technologies. Maybe we want to use a browser that is not in the list but my recommendation is that we stick to this list to enjoy the greatest compatibility.

M favorite browser is Google Chrome , it is quite simple and has good development tools. But, if you're not a fan of Chrome, I can suggest Firefox or Opera since its HTML5 support is on par with Chrome .

I am not a fan of Internet Explorer and many users are not, but it is important to mention that the new versions are prepared to support many key features of HTML5 .

Selecting a Code Editor

We will need a code editor to write HTML documents, yes we can use the notebook, but it is not practical at all and with so many new technologies it just is not correct. You can use any text editor but I recommend an editor that contains support for HTML and preferably for HTML5 , these editor offer syntax review for your code, autocomplete to reduce the amount of code we need to write and a preview of the changes we make .

I recommend Sublime Text 2 , for several things, first it is extremely light, the executable should not reach 20mb, it offers support not only for HTML5, but also for PHP , Javascript , CSS , Perl , Ruby , among others. We are looking for a powerful, light and fast editor Sublime Text 2 is our choice.

Elements

The elements are the way we tell our browser about our content. The effect of the elements is applied to the content, each HTML element has a different and specific meaning.
HTML defines several types of elements that have different roles, the code element in an example of a semantic element. These allow us to define the meaning of our content and the relationships between different parts of it.

Let's see an example:

As we can see this example has three parts, the first two parts are called labels, the beginning of the label is <code> and the end </ code> and between them is the content element.
HTML defines different element types that fulfill different roles in our HTML document, the <code> element is an example of a semantic element, these allow us to define the meaning of our content and the relationship between the parts of it.

In the following tutorials we will see the different attributes that can be applied to the elements, as well as some CSS that is essential and that goes hand in hand with HTML and of course, the new features and labels that this new version has for us.

---