Many times the difference between a clean and accessible code that enables us to modify the look & feel of a Web component or simply "do what it can for the patient" is in the proper structuring of HTML.
Throughout my career, I've gone through several stages, from using tables to distribute content through the typical conversion of images from Fireworks to Dreamweaver and show site full of images to use div's, classes and id's to give look & feel to everything and position particularly in the user interface.
been a long and sometimes not?, Winding road from which I learned some things:
1) The sections are structured through the label (p)
2) The text contents are structured through label (p)
3) The various contents of a section are structured lists (ul, li)
4) reporting results are presented in tables (function that have been created)
So far so good but let us in Section 3 and let's look at something:
When I want to rank content (Title, Subtitle, Picture, Content) that I have options:
Tabular and display all content in different cells make use of div's Divisiveness and create up to separate the different parrafosUsar the free will in a cloud Div Perfect, I would stick with option 3 .... but what if the client at the last minute (and believe me that is), decided to give a drastic change of position, viewing or distribution of content area.
Throughout my career, I've gone through several stages, from using tables to distribute content through the typical conversion of images from Fireworks to Dreamweaver and show site full of images to use div's, classes and id's to give look & feel to everything and position particularly in the user interface.
been a long and sometimes not?, Winding road from which I learned some things:
1) The sections are structured through the label (p)
2) The text contents are structured through label (p)
3) The various contents of a section are structured lists (ul, li)
4) reporting results are presented in tables (function that have been created)
So far so good but let us in Section 3 and let's look at something:
When I want to rank content (Title, Subtitle, Picture, Content) that I have options:
Tabular and display all content in different cells make use of div's Divisiveness and create up to separate the different parrafosUsar the free will in a cloud Div Perfect, I would stick with option 3 .... but what if the client at the last minute (and believe me that is), decided to give a drastic change of position, viewing or distribution of content area.
1 -. The fact prevents me from using tables under any circumstances change any component position in the best scenario I have to create new cell division and take the action out of position it generates.
2 -. If you use splits, I'll be in a more privileged position with tables, but equal measures of divs and float option I created breakers head.
3 -. Finally, if you use style, and reposition all that may become difficult to enter the code .. but believe me, get tested. There
an option, although it seems quite primitive, from the moment that I discovered, completely changed my life, see: Structuring the content in lists I have several problems resolved:
1) The sequential presentation of content This structured and hierarchical, so I can only declare a class with my fancy move any content that contains a list or sub-list.
2) In combination with the float CSS style tag, I can use both vertically and horizontally the contents of the lists.
3) A time to change look & feel, the code is cleaner so it will be more legible and ultimately understandable.
From here I encourage you to try to do such a gallery of images based on lists, or navigation bar.
0 comments:
Post a Comment