16.07.2018 Views

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.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!