Avoiding Common Html Elements Errors <br />http://www.spinxwebdesignchicago.com<br />http://www.spinxwebdesignchicago.com<...
Misuse of the <br> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <br> tag<br />A common misuse of the <br> tag is to use it to create spaces or gaps in your content. WY...
Misuse of the <div> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <div> tag<br />When we first get to grips with HTML and coding in CSS we often get carried away with ou...
Misuse of the <small> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <small> tag<br />The <small> tag is often wrongly used as its name suggests, to create text that’s smal...
Misuse of the <hr> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <hr> tag<br />The use of the <hr> is pretty rare these days, but when you do see it you can guarantee i...
Misuse of the <title> tag<br />http://www.spinxwebdesignchicago.com<br />
Misuse of the <img> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <img> tag<br />The misuse of the <img> is actually more to do with the misuse of its alt attribute. Oft...
How not to use the <title> tag<br />In most cases the HTML <title> tag (not the attribute) is misused in two extremes. It ...
Misuse of the <label> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <label> tag<br /><label> is another tag that is often left out altogether rather than being misused. Wh...
Misuse of the <address> tag<br />http://www.spinxwebdesignchicago.com<br />
How not to use the <address> tag<br />The name of the <address> wrongly suggests that it should be used to surround a post...
http://www.spinxwebdesignchicago.comPHONE: 818 660 1980TOLL FREE: 888.593.2337<br />http://www.spinxwebdesignchicago.com<b...
Upcoming SlideShare
Loading in...5
×

Most Common Html Element Mistake by Experience Web Designers

528
-1

Published on

http://www.webdesignchicago.com represents methods on avoiding Html tags and elements errors.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
528
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Most Common Html Element Mistake by Experience Web Designers

  1. 1. Avoiding Common Html Elements Errors <br />http://www.spinxwebdesignchicago.com<br />http://www.spinxwebdesignchicago.com<br />PHONE: 818 660 1980<br />TOLL FREE: 888.593.2337<br />
  2. 2. Misuse of the <br> tag<br />http://www.spinxwebdesignchicago.com<br />
  3. 3. How not to use the <br> tag<br />A common misuse of the <br> tag is to use it to create spaces or gaps in your content. WYSIWYG editors are notorious for injecting multiple line breaks or empty paragraph tags.<br />How to properly use the <br> tag<br />The <br> is used to insert a line break in a sentence. Examples might be to correctly lay out an address. Use paragraph elements to split up your content and use CSS margins to alter the spacing between them<br />http://www.spinxwebdesignchicago.com<br />
  4. 4. Misuse of the <div> tag<br />http://www.spinxwebdesignchicago.com<br />
  5. 5. How not to use the <div> tag<br />When we first get to grips with HTML and coding in CSS we often get carried away with our divs and surround almost every page item with its own div tags. <br />How to properly use the <div> tag<br />The <div> tag is perfectly acceptable to use to define the main page structure, but always try to use more suitable tags for your page elements. Paragraph tags, ordered/unordered lists and definition lists can be more semantic choices<br />http://www.spinxwebdesignchicago.com<br />
  6. 6. Misuse of the <small> tag<br />http://www.spinxwebdesignchicago.com<br />
  7. 7. How not to use the <small> tag<br />The <small> tag is often wrongly used as its name suggests, to create text that’s small in size. <br />How to properly use the <small> tag<br />CSS should always be used for presentational styling, so use the font-size CSS property to control your text sizes. The <small> HTML tag is reserved for defining “smallprint” or legal text.<br />http://www.spinxwebdesignchicago.com<br />
  8. 8. Misuse of the <hr> tag<br />http://www.spinxwebdesignchicago.com<br />
  9. 9. How not to use the <hr> tag<br />The use of the <hr> is pretty rare these days, but when you do see it you can guarantee it’s being misused as a presentational line between sections of a page.<br />How to properly use the <hr> tag<br />These days the CSS border property is the correct solution in most situations, however the <hr> tags still has its use in specific situations when defining layouts containing copy such as book chapters or poetry stanzas<br />http://www.spinxwebdesignchicago.com<br />
  10. 10. Misuse of the <title> tag<br />http://www.spinxwebdesignchicago.com<br />
  11. 11. Misuse of the <img> tag<br />http://www.spinxwebdesignchicago.com<br />
  12. 12. How not to use the <img> tag<br />The misuse of the <img> is actually more to do with the misuse of its alt attribute. Often the text within the alt attribute is completely irrelevant (if it exists at all!).<br />How to properly use the <img> tag<br /><img> tag alt attributes should contain an accurate description of the image. If the image is being used as a link give an insight to where the link will go. If the image has no importance an empty alt attribute is acceptable.<br />http://www.spinxwebdesignchicago.com<br />
  13. 13. How not to use the <title> tag<br />In most cases the HTML <title> tag (not the attribute) is misused in two extremes. It either contains no valuable information, or it’s packed full of endless keywords for “SEO”.<br />How to properly use the <title> tag<br />The <title> should accurately but concisely describe the contents of the page. It’s important to include keywords that relate to the content as it is recognised by search engines, but it shouldn’t be abused.<br />http://www.spinxwebdesignchicago.com<br />
  14. 14. Misuse of the <label> tag<br />http://www.spinxwebdesignchicago.com<br />
  15. 15. How not to use the <label> tag<br /><label> is another tag that is often left out altogether rather than being misused. When it does appear it rarely includes the for attribute.<br />How to properly use the <label> tag<br />Use the <label> tag to relate a field to its descriptive label. For extra usability points add the for attribute to allow the user to click the label to activate the relevant input field.<br />http://www.spinxwebdesignchicago.com<br />
  16. 16. Misuse of the <address> tag<br />http://www.spinxwebdesignchicago.com<br />
  17. 17. How not to use the <address> tag<br />The name of the <address> wrongly suggests that it should be used to surround a postal address on a contact page.<br />How to properly use the <address> tag<br />The correct use of the <address> tag is to define the author or owner of the document. Therefore it’s usually wrapped around their name along with their contact email address or telephone number. <br />http://www.spinxwebdesignchicago.com<br />
  18. 18. http://www.spinxwebdesignchicago.comPHONE: 818 660 1980TOLL FREE: 888.593.2337<br />http://www.spinxwebdesignchicago.com<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×