7 Common HTML Mistakes You Should Avoid
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
7 <strong>Common</strong> <strong>HTML</strong> <strong>Mistakes</strong><br />
<strong>You</strong> <strong>Should</strong> <strong>Avoid</strong><br />
Designing a good-looking, functional, interactive website is anyone's<br />
dream. However, if you want to choose your carrier as a web<br />
designer or web developer, you have to begin from somewhere. And<br />
if you are a beginner, mistakes are good for you to become an<br />
expert.
The following is a list of common <strong>HTML</strong> mark up mistakes. Whether<br />
you are a beginner, web designer, or a programmer etc, try to avoid<br />
these mistakes.<br />
1. Don’t Use Line Breaks To Show A List<br />
If you want to show a list of things in bulleted or numbered order,<br />
never use line breaks. Use unordered list or ordered list <br />
tags for this purpose. Like this.<br />
<br />
Steve Jobs<br />
Bill Gates<br />
Linus Torvalds<br />
<br />
2. Structure the Page Correctly With Proper Tags<br />
A can work the same as a or a tag but it is<br />
important to understand which one is to be used where. These are<br />
just examples. There are many others like the tag and the <br />
tag. Once you know the difference you'll know which one should be<br />
used at a particular part of the page.
3. <strong>Avoid</strong> Inline Styles<br />
<strong>You</strong> have probably heard this lot of times before. The<br />
straightforward mean of semantic <strong>HTML</strong> and CSS is to split<br />
document structure and styling, so there is no reason to place<br />
styling directly in <strong>HTML</strong> document. For example<br />
<strong>HTML</strong> =><br />
Right<br />
CSS =><br />
h2 .red{color: red;}<br />
4. <strong>Avoid</strong> Using Deprecated Elements<br />
Most of the web designer and web developer use some old <strong>HTML</strong><br />
tags and attributes today, which have been declared deprecated by<br />
W3C consortium. Although modern browsers still support them,<br />
they might not in the future.<br />
5. Never use or <br />
According to W3C consortium, these tags have never been included<br />
in the official <strong>HTML</strong> standard. Along with this, their use is<br />
considered unprofessional and unimpressive. If you need to draw<br />
attention to a certain part of your document, use an alternative<br />
approach in a less offensive manner.
6. Comments Are an Absolute Must<br />
Trust me it can be so difficult for you if you mention what a<br />
particular element does using comments. It makes your code<br />
look unprofessional. Otherwise, you may have to sit on your system<br />
to go through a thousand lines of code and even then you might not<br />
spot the problem. Always be professional.<br />
7. Forget To Use Alt Attribute for Image Tags<br />
The ALT attribute is considered as required one for IMG tags, it<br />
describes the context of the image. It assist web crawler to index<br />
your contents better. If the images are just for show, use an empty<br />
ALT attribute like alt=””.<br />
These are some common, easily avoidable mistakes. Review these<br />
carefully and be sure to validate your page for proper <strong>HTML</strong>.<br />
SpencerKinney is a well established Menomonie Web Design<br />
Company in the USA. We offer cost-effective quality website<br />
designing, time-bound, and value-added services that are required<br />
for technology innovative business solutions.