XOWML, рдЬрд┐рд╕реЗ XHTML рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

XOWML, Onlyweb рджреНрд╡рд╛рд░рд╛ рд╡рд┐рдХрд╕рд┐рдд рдПрдХ рдирдИ рдорд╛рд░реНрдХрдЕрдк рднрд╛рд╖рд╛ рд╣реИред рдЗрд╕рдореЗрдВ рд▓рд┐рдЦрд╛ рд╣реИ- рд╣реЛрдорд▓ред



рднрд╛рд╖рд╛ рдХрд╛ рдПрдХ рдЙрджреНрджреЗрд╢реНрдп рд╣реИ - рдЯрд╛рдЗрдк рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХреЛ рддреНрд╡рд░рд┐рдд рдФрд░ рдХреБрд╢рд▓рддрд╛рдкреВрд░реНрд╡рдХ рд╡реИрдз XHTML рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рдХреЗ рд▓рд┐рдП XHTML рдХреЛ рджреЗрдирд╛ред рдпрд╛рдиреА рдпрд╣ рдЗрд╕ рддрд░рд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ: рдЖрдк XOWML рдореЗрдВ рдХреЛрдб рд▓рд┐рдЦрддреЗ рд╣реИрдВ, рд╕рд╣реЗрдЬреЗрдВ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ, .html рдлрд╝рд╛рдЗрд▓ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдкреНрд░рдХрдЯ рд╣реЛрддреА рд╣реИ, рдЗрд╕реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред



рдпрд╣рд╛рдБ рдкрд╣рд▓реЗ XOWML рдЙрджрд╛рд╣рд░рдг рд╣реИрдВ:

 .BrDescription {{
 .Image {% img src = "images / ele рд╣рд╛рдереА.jpg" рдЪреМрдбрд╝рд╛рдИ = "240" рдКрдБрдЪрд╛рдИ = "181" {}}
 .Description {
 .рдбреЗрдЯ {10 рдЕрдЧрд╕реНрдд}
 % p {рдЗрд╕ рдкреНрд▓реЗрдЯ рдореЗрдВ рд╣рдо рд▓реЗрдЦ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдЯрд┐рдкреНрдкрдгреА рд▓рд┐рдЦрддреЗ рд╣реИрдВред
 рдпрд╣ рд╕рд╛рдЗрдЯ рдкрд░ рдЖрдЧрдВрддреБрдХреЛрдВ рдХреЛ рдпрд╣ рд╕рдордЭрдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдЧрд╛ рдХрд┐ рдХреНрдпрд╛ рджрд╛рдВрд╡ рдкрд░ рд╣реИред "
 % p {рдЖрдкрдХреЛ рддреБрд░рдВрдд рдлреЛрдЯреЛ рдХрд╛ рдЖрдХрд╛рд░ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
 рдЪреМрдбрд╝рд╛рдИ рдХреЛ рджреГрдврд╝рддрд╛ рд╕реЗ рдареАрдХ рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИ (рдореИрдВ рдЕрдм рдПрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреЗрддрд╛ рд╣реВрдВ)
 рдФрд░ рдкреГрд╖реНрда рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдП рдмрд┐рдирд╛ рдлреЛрдЯреЛ рдХреА рдКрдВрдЪрд╛рдИ рдмрджрд▓ рд╕рдХрддреА рд╣реИред
 рдФрд░ рдЕрдВрджрд░ рдХреА рддрд╕реНрд╡реАрд░реЛрдВ рдХреЗ рдмрд┐рдирд╛ рдпрд╣ рдЦрд░рд╛рдм рд╣реЛрдЧрд╛ - рд╢реБрд░реВ рдореЗрдВ рдбрд┐рдЬрд╛рдЗрди рдЙрдиреНрдореБрдЦ рд╣реИ
 рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ред  infред  рдФрд░ рддреЗрдЬреА рд╕реЗ рд▓реЛрдб рд╣реЛ рд░рд╣рд╛ рд╣реИред}
 % a href = "#" {рдкреВрд░рд╛ рдкрдврд╝реЗрдВ ...}
 }
 .Clear {}
 }}




XHTML рдХреЛрдб рдореЗрдВ рдХрдирд╡рд░реНрдЯ рдХрд░рддрд╛ рд╣реИ:

 <div class = "рдмреНрд░реАрдл рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди"> <div class = "рдмреНрд░реАрдл рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди рдЗрдирд╕рд╛рдЗрдб0">
 <div class = "Image"> <img src = "images / ele рд╣рд╛рдереА.jpg" рдЪреМрдбрд╝рд╛рдИ = "240" рдКрдБрдЪрд╛рдИ = "181" /> </ div>
 <div class = "Description">
 <div class = "Date"> 10 рдЕрдЧрд╕реНрдд </ div>
 <p> рдЗрд╕ рдбрд╛рдИ рдореЗрдВ рд╣рдо рд▓реЗрдЦ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдЯрд┐рдкреНрдкрдгреА рд▓рд┐рдЦрддреЗ рд╣реИрдВред
 рдпрд╣ рд╕рд╛рдЗрдЯ рдкрд░ рдЖрдЧрдВрддреБрдХреЛрдВ рдХреЛ рдпрд╣ рд╕рдордЭрдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдЧрд╛ рдХрд┐ рджрд╛рдВрд╡ рдкрд░ рдХреНрдпрд╛ рд╣реИред </ p>
 <p> рдлреЛрдЯреЛ рдХреЗ рдЖрдХрд╛рд░ рдХреЛ рддреБрд░рдВрдд рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИред
 рдЪреМрдбрд╝рд╛рдИ рдХреЛ рджреГрдврд╝рддрд╛ рд╕реЗ рдареАрдХ рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИ (рдореИрдВ рдЕрдм рдПрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреЗрддрд╛ рд╣реВрдВ)
 рдФрд░ рдкреГрд╖реНрда рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдП рдмрд┐рдирд╛ рдлреЛрдЯреЛ рдХреА рдКрдВрдЪрд╛рдИ рдмрджрд▓ рд╕рдХрддреА рд╣реИред
 рдФрд░ рдЕрдВрджрд░ рдХреА рддрд╕реНрд╡реАрд░реЛрдВ рдХреЗ рдмрд┐рдирд╛ рдпрд╣ рдЦрд░рд╛рдм рд╣реЛрдЧрд╛ -
 рдкреНрд░рд╛рд░рдВрдн рдореЗрдВ, рдбрд┐рдЬрд╛рдЗрди рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдиреНрдореБрдЦ рд╣реИред  infред  рдФрд░ рддреЗрдЬреА рд╕реЗ рд▓реЛрдб рд╣реЛ рд░рд╣рд╛ рд╣реИред </ p>
 <a href="#"> рдФрд░ рдкрдврд╝реЗрдВ ... </a>
 </ div> <! - .Description ->
 <div class = "Clear"> </ div>
 </ div> </ div>








рдпрд╛рдиреА рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐ %p.Preved{content}



рдЕрд░реНрде рд╣реИ <p class="Preved">content</p>



ред



рдПрдХ

 # рдиреНрдпреВрдЬрд╝_рдЖрд░реНрдХрд╛рдЗрд╡ {
	 .рдиреНрдпреВрдЬрд╝ {% p {рдиреНрдпреВрдЬрд╝}}
 }


рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░ рджрд┐рдпрд╛

 <div id = "news_archive">
	 <div class = "рд╕рдорд╛рдЪрд╛рд░"> <p> рд╕рдорд╛рдЪрд╛рд░ </ p> </ div>
 </ Div>




рдпрд╣ рдХреЗрд╡рд▓ рд╕реЙрдлреНрдЯрд╡реЗрдпрд░ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд░рд╣рддрд╛ рд╣реИ, рдФрд░ рдПрдХреНрд╕рдУрдПрдордПрд▓ рдореЗрдВ рд░реВрдмреА-рдХреЛрдб рдбрд╛рд▓рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪреЗрдВ (рдЕрдиреНрдп рднрд╛рд╖рд╛рдУрдВ рдХреЗ рдкреНрд░рд╢рдВрд╕рдХреЛрдВ рдХреЗ рд▓рд┐рдП, - рдкреАрдПрдЪрдкреА-рдХреЛрдб, рд╕реНрдорд╛рд░реНрдЯреА-рдХреЛрдб рдпрд╛ рдХреБрдЫ рдФрд░)ред



рдореЗрд░реА рд░рд╛рдп рдореЗрдВ, рдПрдХ рдЕрдЪреНрдЫрд╛ рд╡рд┐рдЪрд╛рд░ рд╣реИред



All Articles