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