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 




Related articles:

Singularly Drive line alternative site promotion 7 Ways
  Line promotion:    1, always will be the first site on the letter, cards and e-mail signature on the document.    This potential visitors may see it.    2 If your employees wear the uniform, will be printed at forward, which is your customers see you at the mo...
How to improve the existing site structure for xhtml + CSS
  Most of our designers still in the traditional form layout, performance and structure mixed with the means to build websites.    Learning to use XHTML + CSS approach requires a process so that the existing site conforms to the standard site will not step in place.    The b...
Fireworks Join in contacts with orders
  Online, we can often see the effects of the following picture, as we look at the production of such plans contrast one of the ways:    [Crux of this chapter: the use of mainly mask!    [Characteristics]: Understanding relatively simple, but is relatively more complicated ...
Feelings Web standards, the first DIV + CSS
  Dodo by friends and colleagues often the impact of beginning to pay attention to Web standards.    On the 6th week in accordance with the standards of the dearbook several pages, summed up some of the following experience for future reference:    + CSS DIV structure of t...
Some very practical and will use a small script code
  Script 1: Go Home After automatic audio    <embed Src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true>    Script 2: Go Home automatically after the largest, in their own province to the click  <script>   Self...