| |
Html Checklist: Check Your Html
By Vadim Nareyko
Structure and Visualization
* Do not use <font> element
* Move arrangement attributes (align, valign, width, height) to CSS.
* Do not use tables except showing table data. Using tables for visual formatting is acceptable in complex situations only. Max table nesting can not be great than 3.
* Move attribute "background" to CSS.
* Design of input fields and buttons must be written as class in CSS.
* Style table must be written as external file and linked using <link>
* All images related to design (not content) move to block with style {background: transparent url("gif") no-repeat;}
HTML code
* If table cell contains only image with width and height, then don't use these attributes for cell.
* Use minimum cols and rows for tables.
* All <image> elements must have "width" and "height" attributes.
* All <image> elements, which are not links, don't have "border" attribute.
* All attributes values must be placed in double quotes.
* All tags and attributes names must be in low case.
CSS code
* Unique elements must have "id" attribute, which is used for style. Repeated elements must use classes.
* Determine Links style through styles of (td {}, td a {}, td a:hover {}). a:hover must redefine only changed atttributes.
* Determine background color for <body>
* Split declarations to groups
end of the week woohoo
What do you know? It's already the end of the week! YAY! I have to say, I couldn't wait for the weekend to arrive, since my week at work was so crazy!
So, today is casual day at work; no barbie clothing required. Im just wearing jeans and my white Phat Farm walkers...if only it was casual day everyday! I actually feel weird not wearing dressy cloths today; I sorta got used to it over the course of the last month. But, then again, everybody needs a break!
So, schedule of the day; meeting one of the lawyers to give him his super procedures I had to type. Replace my receptionist from... (more)
extra time more money
I realize I haven't posted for a few days, and I feel neglectful. I apologize, and I must admit that postings may become less frequent. Despite what I told all of you and myself, I have decided to go back to work full time. My coworker who works the full time shift in the evening that would work out for me is resigning, and my boss wants me in that position. At first I declined, saying I really wouldn't want to work more than 3-4 shifts a week. (That was my desire for a nap talking!) I began to think about how perfect this job was for me - it enabled me to, first and foremost, avoid putting... (more)
(fonts, tables, text blocks, divs)
* Determine geometrical dimensions in percents or pixels.
* All colors values must be as short as possible and in high case (#FFF instead of #ffffff).
* All tags and attributes names must be in low case.
* All margins and indents must be defined for all browsers.
* All classes and identifiers must be named logically with one naming convention.
Structure
* Use title, description and keywords in header.
* All elements with closing tags must have it (ideally, use XHTML 1.0 Transitional/Strict).
* Use alt attribute for <image>. If image don't have semantic meaning, alt must be empty.
* Use comments before main blocks.
* Use standard tags for creating text structure (<h1>-<h4>, <p>, <ul>, <il>, <li> and so one).
* Vertical and Horizontal menus must be defined using <li>.
* Don't use <b> and <i>. Use <strong> and <em>.
* Blocks must be placed in document in the descending order of importance. Blocks location can be defined using CSS. You can discuss and improve this document at www.htmlchecklist.com/ Vadim Nareyko, CEO of CalidStyle (www.calidstyle.com)
|
|
