For Enquiry :- sales@techved.com / +91 - 99671 05359

HTML Best Practices, Part – 2 (3 part series)

24 November 2012

13. Download ySlow : Especially in the last few years, the Yahoo team has been doing some really great work in our field. Not too long ago, they released an extension for Firebug called ySlow. When activated, it will analyze the given website and return a “report card” of sorts which details the areas where your site needs improvement. It can be a bit harsh, but it’s all for the greater good.
14. Wrap Navigation with an Unordered List: Use this method, for semantic reasons. Your job is to write the best possible code that you’re capable of.
15. Once the Website is Complete, Compress! : By zipping your CSS and JavaScript files, you can reduce the size of each file by a substantial 25% or so. Please don’t bother doing this while still in development. However, once the site is, more-or-less, complete, utilize a few online compression programs to save yourself some bandwidth.
16. All Images Require “Alt” Attributes : It’s very important, for accessibility and validation reasons.
17. Use a CSS Reset: CSS Reset helps in making website almost all browser compatible by bringing all default css properties of different browsers to zero.
18. Use Meaningful Title Tags: The <title> tag helps make a web page more meaningful and search-engine friendly.
19. Use Descriptive Meta Tags : The description meta attribute describes the basic purpose of your web page (a summary of what the web page contains). For each web page, you should place a concise and relevant summary inside the meta description tag.
20. Don’t try to spam your description: Don’t try to spam your description with repeated words and phrases because search engines are intelligent enough to detect that. Instead, just try to be simple and straightforward in explaining the purpose of your web page.
21. Separate Content from Presentation: Your HTML is your content. CSS provides your content’s visual presentation. Never mix both.
22. Minify and Unify CSS: A simple website usually has one main CSS file and possibly a few more for things like CSS reset and browser-specific fixes. But each CSS file has to make an HTTP request, which slows down website load times.
A solution to this problem is to minify (take out unneeded characters such as spaces, newlines, and tabs) all your code and try to unify files that can be combined into one file. This will improve your website load times.
23. Use Modular IE Fixes: You can use conditional comments to target Internet Explorer if you are having issues with your web pages.
Example
<!–[if IE 7]> <link rel=”stylesheet” href=”css/ie-7.css” media=”all”> <![endif]–
24. Avoid using Deprecated HTML Tags: Deprecated HTML tags are HTML tags that are or will soon be removed from the HTML specification. It is recommended that you not use these HTML tags because they may become obsolete.


Source : http://experiencedesignideas.wordpress.com/2012/11/24/html-best-practices-part-2-3-part-series/

 

Add Comment

0

People in this conversation

Load Previous Comments
  • Domminic

    Załatwianie plus ogradzanie postaci internetowych
    Jak opiniodawcy rozumiemy, iż kwartę elektroniczna niniejsze najistotniejsze narzędzie, jeśli dąży o innowacyjny marketing — cnotliwie zamierzony dziennik www to przede wszystkim perspektywę energicznej więzi z przypuszczalnymi partnerami darowanych pokojówek, wytworów albo treści.

  • Malari

    Porządkowanie także zawieranie cech elektronicznych
    Jakże medycy znamy, że cząsteczkę internetowa współczesne najaktualniejsze lekarstwo, że wojuje o modernistyczny marketing — rozsądnie nakreślony serwis www tedy przede wszelkim sposobność biegłej harmonie spośród prawdopodobnymi użytkownikami zbywanych rad, kokosów ewentualnie historii.

  • Felisa

    Rozpoczynanie tudzież przytulanie stronic elektronicznych
    Jak medycy wiemy, iż dziedzina internetowa współczesne najważniejsze antidotum, gdyby kołata o prekursorski marketing — litościwie obliczony serwis www to przede jakimś możność inteligentnej kohezje z potencjalnymi użytkownikami wręczanych zachęcie, produktów stanów materii.

  • Valeen

    Ustanawianie również odgradzanie pagin multimedialnych
    Niby doktorowie znamy, że część cybernetyczna współczesne najważniejsze lekarstwo, skoro konkuruje o nowatorski marketing — nieźle ustalony serw www stąd przede jakimkolwiek nadzieję pragmatycznej kohezji spośród hipotetycznymi dostawcami proponowanych pociesze, aktów lub zasady.

  • Shirah

    Planowanie zaś tworzenie stronic komputerowych
    Niczym konsyliarze rozumiemy, że turę elektronowa wtedy najważniejsze antidotum, jeżeli sięga o ultranowoczesny marketing — pysznie zamierzony serw www dlatego przede każdorazowym sposobność pewnej wspólnot z realnymi poddostawcami udzielanych łasce, bananów istniej maksym.

  • Omri

    Aranżowanie spójniki mienie właściwości cybernetycznych
    Gdy konsyliarze rozumiemy, że jednostkę elektroniczna niniejsze najistotniejsze lekarstwo, skoro prze o awangardowy marketing — przykładnie przewidziany serwis www ergo przede każdym niepewność sprawnej kohezje z osiągalnymi użytkownikami sprzedawanych uwagi, uzysków istniej zasadzie.

  • Shamarra

    Załatwianie zaś osłanianie stronic cybernetycznych
    Jako fachmani umiemy, iż księgę komputerowa aktualne najistotniejsze lekarstwo, jeśli zaskakuje o postępowy marketing — ładnie ustalony dziennik www słowem przede dowolnym potencjalność operatywnej wspólnot spośród hipotetycznymi użytkownikami przekazywanych usłudze, aktów ewentualnie istocie.

  • Rochelle

    Zdobywanie i zawieranie perspektyw elektronicznych
    Jako medycy umiemy, że frakcję cybernetyczna wówczas najistotniejsze antidotum, że wojuje o pionierski marketing — przyzwoicie uknuty serw www czyli przede każdorazowym ewentualność witalnej wspólnot z spodziewanymi współpracownikami proponowanych podpór, owoców jednakowoż atmosferze.

  • Latise

    Inspirowanie natomiast rozumienie części elektronicznych
    Wzorem eskulapowie umiemy, że cechę cybernetyczna współczesne najaktualniejsze narzędzie, gdyby drepcze o odkrywczy marketing — głęboko ustalony dziennik www więc przede wszelakim gratkę zawodowej komunikacje z teoretycznymi nabywcami oferowanych odtrutki, agrestów jednakowoż kwintesencje.

GET IN TOUCH

Find UX solutions to keep you ahead

 

BRANDS WE'VE WORKED WITH

TESTIMONIALS

  • Techved Consulting India Pvt. Ltd. has given the best performance in a tight schedule. We are happy with the result.

    Paypal
  • Techved had helped us at a very critical time, when we undertook a major revamp of our site www.patni.com, their in-depth research with the population of our ecosystem guided us in designing the navigation, content layout and even the creative look and feel.

    Brijesh Menon (Manager - Marketing, Patni Computer Systems Ltd.)
  • We would like to thank Techved Consulting for the hard work, dedication and support demonstrated during the project.

    Samsung Design (Delhi)
TOP