Common XHTML + Css layout of the label application
Related Tags:
1. General, the "standard web" is a document of the Organization XHTML + CSS. XHTML which mainly used to show that the structure and contents page, and css is the definition of the layout and structure of the content modified form.
Commonly used in the general layout of the XHTML:
DIV: The main logic for content pages on the block, for example, a website generally include head, navigation, Sidebar, content and copyright district responsibilities. DIV tags at this time to use segmentation.
At the same time suggested that the block named:
Head: <div id = "masthead"> </ div>
Navigation: <div id = "globalnav"> </ div>
Sidebar: <div id = "navbar"> </ div>
: <Div id = "content"> </ div>
Copyright: <div id = "copyright"> </ div>
Note: id is unique, that is, in the same page of the ID may not be repeated more than twice. Otherwise, the use of class.
Ul: its original list is disorderly, XHTML + CSS in the application of commonly used to express the same type of non-structural elements. UL needs and the elements of the combined use of LI.
<div>
<ul>
<li> <a Href="#"> Link1 </ a> </ li>
<li> <a Href="#"> Link2 </ a> </ li>
<li> <a Href="#"> Link3 </ a> </ li>
</ Ul>
</ Div>
Note: there are similar ul ol, ul, and the use of less detailed See
Http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=866
Span: If this Element and DIV comparison, then span and div is a bag that would be a box (a small Yi language: the Basic XHTML code applications). In fact div is a block-level elements, and within the span is a line element (see the inside of the (line) elements, block-level elements), through a section of the span will be elements of his party or a clip on the element of a separate definition.
For example:
<ul>
<li> <span> (2006-11-13) </ span> XHML XHTML + css layout of the application Summary </ li>
</ Ul>
Css defined in the span for the left / right float, date and will be able to achieve the title of the show on both sides. This relatively use
<ul>
<li> 2006-11-13 </ li>
<li> XHML + CSS layout Summary </ li>
</ Ul>
Should be much simpler.
=======================================
Having said all of the common label for the layout of XHTML, there is the XHTML tags to Display Web content. For example:
<img Src="" alt="" title="" /> said Image
<a Href="" title=""> </ a> said hyperlinks
<hn> </ Hn> (n = 1,2 ,..., 6) that the title page of the proposed h1-h6 under order of importance decline, the most important h1 title (see greengnn: div + css named reference )
Original use <b> </ b> and <i> </ i> said that the bold and italic tags, choose to use <strong> </ strong> and <em> </ em> substitute.
More experience of the Chinese CSS layout see:
Http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=975
XHTML recommended and not recommended to the content of labels:
Http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=864
- CSS layout + DIV Guide
- DIV + CSS layout using the benefits
- Div + css layout entry
- On css layout div +
- Div + css layout of the application
- DIV + CSS layout of the picture viewer
- Div + css layout examples
- DIV + CSS page layout entry
- Div + CSS layout entry Guide (to)
- Div + CSS page layout Guide!
- Div + CSS layout entry Guide
- DIV his 2 + CSS layout
- Css layout used div +
- On div css layout
- DIV CSS layout using the good
- Div CSS page layout Guide!
- CSS + div by alternative forms to the layout
- + Div to use css page layout
- Easily learn DIV Guide (css layout div +)
- Div css layout of the general layout of paragraphs how?




