Know that the 'div' tag is basically utilized to establish separate areas or divisions of the website page. This is amongst the extremely powerful elements in “XHTML” since it is necessary for placing the design of web page using “CSS”. In simple words, this process means implementing sites devoid of making use of tables for layout and positioning.
Create a Stylesheet - 'Div' tags use style sheets which allow the web design of the site to be independent of data. Designing backgrounds with colors and fonts, width, height, layout, and positioning of rows or columns can all be inserted into style sheets leaving only div code and information on actual pages. You can create stylesheet as another document and then link it. Open a new notepad document, write your code it in and save it under the ".css" extension. The CSS properties which very useful are "background-color", "height", "width", "float" and "clear".
Link the Stylesheet - You can link stylesheet using link tag. This should be used in the "head " section of your website. e.g. . you should write the path to your CSS file in the place where "path" is written in this example.
Understand the benefits of making use of div tags or table-less: Loading of sites become faster. Websites that are based on 'div' tags render browsers to run much faster as they come in a very lightweight. 'Div' is controlled through Cascading style sheets and therefore, needs less coding that helps in keeping the file size to the minimal. 'Div' is friendly to all search engines – CSS based websites are search engine optimization friendly as these enable the web designer to keep main articles on top allowing search engines to find main contents more easily. A 'div' tag based website saves bandwidth. A table-less website has smaller file size, which means that it saves your bandwidth. If you have a huge traffic site, where each page is browsed by the site visitors, you shall save on the bandwidth size by not having tables. This saved bandwidth amount could be useful over a time period or at the end of the month. Cleaner Code – The websites using 'div' tags and CSS generates cleaner code. This cleaner code permits crawlers of search engines to read the actual content.
Comments
0 comment