HTML5: 11 Things You’re forgetting To Do

By: | Posted in: Web Development | November 23, 2017

Now days it has become very easy to run a website. It’s like a walk in the park. But it is a very complex task to customise a website. It is at times very difficult to find a theme that suits your requirement. For designing a webpage you need to have a solid knowledge of modern web technologies. It is termed as web technologies because every web development component is not a programming language. For instance HTML5 is not a programming language. It is a mark up language and so you don’t become a programmer if you can do coding in HTML.

You can work wonders with these incredible web technologies. It is everyone’s dream to design a good looking, interactive and functional website. You have to start somewhere for this. Here are few things you forget to do or the common mistake you make when coding mark up with HTML5. Here are few things you can remember and avoid making mistakes.

1. Presuming all the versions of HTML to be the same is a big mistake. On the contrary they are different. For the ones those are starting, the first thing that is different is a declaration sentence like a document type. You can simply use <!doctype html> as a document type declaration for HTML5. XHTML has a different mark up for its document type declaration.

You should know the proper syntax to start with irrespective of any version you select to write your mark up. There are various tags that work with one version of HTML but the same will not work for another version you are implementing. Hence it is advisable to use HTML5 as it’s simple and easy.

2. In HTML5 one should not forget to close the tags which are required to be closed. You can easily escape with typing instead of, because they work all the same. But if you don’t close the tags that require to be closed they will always create problems on your page. If the tags left open to a tag, it will leave the latter code useless. This is because the browser will presume that the program melds together. There are many such examples. One should be careful with closing every single tag instead of learning it the hard way with problems and errors.

3. You might be in a notion that IDE is a good way to develop a web page and its code written in one cannot be used in another. This is a myth. No webpage IDE can do anything exceptional to the code you write except from dreamweaver, and as such the code that is written is portable and is well suited with any other IDE. If you are a beginner, you can use a text editor like Notepad++ and thereafter run the webpage through a hosting service or a server. If you are new to the website development, you must avoid IDE as it will just make things complex.

4. You tend stress more on the text editors. You need not worry about the text editors as any local editor will also be able to do this job. You simply have to write the code and save it with the right extension. Text editor such as Notepad++ already have syntax highlighting and can make it easy to write the page.

5. For a seasoned veteran it will be a bad idea if he uses inline CSS or include Javascript in the HTML file. They might work is most of the cases but once they create a problem, it will be difficult to identify and eliminate it. On the contrary imported CSS or Java script will enable you greater flexibility and aid in making big changes in an easier way. Therefore it is best to import the file from the link tags in theelement. With this tweaking becomes easy.

6. Many tend to forget to put comments. You may feel it is unnecessary and tiring at the beginning but when the websites are collaborated with others then it becomes difficult for others to understand that what a particular

element is for. You can simplify, the elimination of an error if the comments points to a specific part that does a specific thing. Or else you will have to start reading the codes and even then you might not be able to trace the error. If you write comments, be careful not to write more than the code.

7. Do not forget to name the parts like variables, class, function and ID. They are very important. Like comments, they too will help you in understanding the codes. For instance, your block of code does addition of two numbers and you name it subtraction; you will not be able to edit the code correctly in an appropriate way. The collaborating developers will be grateful to you if you use these names correctly.

8. Do not forget to structure the page precisely with suitable tags. A <div> will work in the same <span> way as a or a <p> tag but it should be understood which one to be used and where. This is simple one example, there are many such other tags. Now that you know the difference, you will understand which should be used at a particular stage.

9. Do not neglect every attribute/value pair. They are important in their own way. It is good to practice such norms and follow it. For instance, the alt attribute in an <img> tag is essential because even the image does not download it will inform the user about the image. There are many such examples. You will understand them better when you come across other such attributes/value pairs. The ones which are not used can be skipped and can use the regular ones which you need to update frequently.

10. Do not attempt to do styling with the HTML code. CSS does that work. HTML5 is a mark up language and CSS does the styling job. For example, as you can italicize or bold your words by using the <b> and <i> tags, it is better done by CSS. Similarly the font weight and style properties are present in the CSS. This is because it is easy to configure the external style sheets and aim to specific parts of the webpage.

11. Assuming HTML5 is having high performance for a beginner is a bit tricky. Though HTML5 is still in the process of evolution and is a very powerful technology but with this great power comes great responsibility, especially for the beginners. Many of them have picked up HTML5 as their mobile and desktop platform but have failed and suffered as it did not work as they had planned.

Conclusion

HTML5 offers potential for many, but mistakes that can be easily avoided. An appropriate knowledge of what has to be done and where take you far with HTML5.

Prashant Changela

Prashant Changela

Director at WebInfoways
Prashant Changela, Director at WebInfoways, which is progressive enterprises in the field of web, software, and mobile application development services.
Prashant Changela

Latest posts by Prashant Changela (see all)

Web infoways
180 Cobra St, Dubbo, NSW 2830, Australia
call us
Tel:
Write to Us
Email :