Emmet: HTML рдХреЛ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рдмрджрд▓реЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 13 рдЕрдХреНрддреВре░ 2012  ┬╖  25рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: emmetio/emmet

рдХрдиреНрд╡рд░реНрдЯрд░ рдмрдирд╛рдПрдВ рдЬреЛ HTML рдмреНрд▓реЙрдХ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░реЗрдЧрд╛ рдФрд░ рдЗрд╕реЗ рдПрдХреНрд╕рдкреНрд░реЗрд╢рди рдореЗрдВ рдмрджрд▓ рджреЗрдЧрд╛ (рдХрд╛рдЙрдВрдЯрд░- "рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░реЗрдВ")ред

рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? рдЙрд╕ рдкрд░ рдПрдХ рдЗрдирд╛рдо рдкреЛрд╕реНрдЯ рдХрд░реЗрдВ! рд╣рдо рдмрд╛рдЙрдВрдЯреАрд╕реЛрд░реНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрдирд╛рдо рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВрдиреЗ рдирд┐рд░реНрдорд╛рддрд╛/рдирд┐рд░реНрдорд╛рддрд╛рдУрдВ рдХреЛ рдПрдХ рдИрдореЗрд▓ рднреЗрдЬрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрдиреБрд░реЛрдз рдХреЛ рдКрдкрд░ рдЙрдард╛рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рджреЛрдмрд╛рд░рд╛ рдкреЛрд╕реНрдЯ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:


рдирдорд╕реНрддреЗ,

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдкрдХреЗ рдорд╣рд╛рди рдХрд╛рд░реНрдп рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдЖрдкрдиреЗ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд┐рдпрд╛ рд╣реИ, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд░рд┐рдгрд╛рдо рдХреА рдкреНрд░рд╢рдВрд╕рд╛ рдХрд░рддрд╛ рд╣реВрдВред

рдЖрдкрдХреЗ рдХрд╛рд░реНрдпрдХреНрд░рдо рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдореЗрд░рд╛ рдПрдХ рд╡рд┐рдЪрд╛рд░ рдерд╛:

рдХреНрдпрд╛ 'рд░рд┐рд╡рд░реНрд╕ рдХреЛрдбрд┐рдВрдЧ' рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?

рдпрд╛рдиреА рд▓реЗ рд▓реЛ

<div id="container">
    <div class="header"></div>
    <div class="body">
        <div class="title">Title</div>
        <div class="text">Text</div>
    </div>
    <div class="footer"></div>
</div>

рдФрд░ рдЗрд╕реЗ рд░реВрдкрд╛рдВрддрд░рд┐рдд рдХрд░реЗрдВ

рдХрдВрдЯреЗрдирд░>.рд╣реЗрдбрд░+.рдмреЙрдбреА>.рд╢реАрд░реНрд╖рдХ{рд╢реАрд░реНрд╖рдХ}+.рдкрд╛рда{рдкрд╛рда}^.рдкрд╛рдж рд▓реЗрдЦ

??

рдХреНрдпреЛрдВ? рдареАрдХ рд╣реИ, рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рджреВрд╕рд░реЗ рдХреЛрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИ, рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рд╡рд╛рдкрд╕ рд╕рд╛рдорд╛рдиреНрдп рдореЗрдВ рд▓рд╛рдирд╛ред рдФрд░, рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдФрд░, рдпрджрд┐ рд╕рдВрднрд╡ рд╣реЛ рддреЛ рдХреНрд▓рд╛рдЗрдВрдЯ рд╕рд╛рдЗрдб рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ - рдпрд╛ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛтАЛтАЛрдХрд┐ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХреЛрдВ рджреНрд╡рд╛рд░рд╛ рд╕рд░реНрд╡рд░ рд╕рд╛рдЗрдб рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП, _directly_, рдПрдореНрдореЗрдЯ рдХреЛрдб рдПрдЪрдЯреАрдПрдордПрд▓ рдкреЗрдЬреЛрдВ рдореЗрдВред

рдЙрд╕ рдкреНрд░рднрд╛рд╡ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪреЗрдВ рдЬреЛ рд╣реЛрдЧрд╛ред

рдЦреИрд░, рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ рд╡рд┐рдЪрд╛рд░ рд╣реИ :)

рдПрдХ рдмрд╛рд░ рдлрд┐рд░ рдзрдиреНрдпрд╡рд╛рдж,

рдордЬрд╝рд╛ рд▓реЗрдВ,
рдЬрд┐рдпрд╛рдирд┐рд╕,
рдПрдереЗрдВрд╕, рдЧреНрд░реАрд╕, рдпреВрд░реЛрдк, рд╡рд┐рд╢реНрд╡ред


рддреЛ, рд╡рд╣ рд╣реИ, рдЗрд╕ рд╡рд┐рдЪрд╛рд░ рдХреЛ рдКрдкрд░ рдЙрдард╛рдирд╛: +1: рдФрд░ рдЗрд╕реЗ рдкреВрд░рд╛ рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИ :)

рд╕рднреА 25 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдирд┐рд░реНрдорд╛рддрд╛/рдирд┐рд░реНрдорд╛рддрд╛рдУрдВ рдХреЛ рдПрдХ рдИрдореЗрд▓ рднреЗрдЬрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрдиреБрд░реЛрдз рдХреЛ рдКрдкрд░ рдЙрдард╛рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рджреЛрдмрд╛рд░рд╛ рдкреЛрд╕реНрдЯ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:


рдирдорд╕реНрддреЗ,

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдкрдХреЗ рдорд╣рд╛рди рдХрд╛рд░реНрдп рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдЖрдкрдиреЗ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд┐рдпрд╛ рд╣реИ, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд░рд┐рдгрд╛рдо рдХреА рдкреНрд░рд╢рдВрд╕рд╛ рдХрд░рддрд╛ рд╣реВрдВред

рдЖрдкрдХреЗ рдХрд╛рд░реНрдпрдХреНрд░рдо рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдореЗрд░рд╛ рдПрдХ рд╡рд┐рдЪрд╛рд░ рдерд╛:

рдХреНрдпрд╛ 'рд░рд┐рд╡рд░реНрд╕ рдХреЛрдбрд┐рдВрдЧ' рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?

рдпрд╛рдиреА рд▓реЗ рд▓реЛ

<div id="container">
    <div class="header"></div>
    <div class="body">
        <div class="title">Title</div>
        <div class="text">Text</div>
    </div>
    <div class="footer"></div>
</div>

рдФрд░ рдЗрд╕реЗ рд░реВрдкрд╛рдВрддрд░рд┐рдд рдХрд░реЗрдВ

рдХрдВрдЯреЗрдирд░>.рд╣реЗрдбрд░+.рдмреЙрдбреА>.рд╢реАрд░реНрд╖рдХ{рд╢реАрд░реНрд╖рдХ}+.рдкрд╛рда{рдкрд╛рда}^.рдкрд╛рдж рд▓реЗрдЦ

??

рдХреНрдпреЛрдВ? рдареАрдХ рд╣реИ, рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рджреВрд╕рд░реЗ рдХреЛрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИ, рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рд╡рд╛рдкрд╕ рд╕рд╛рдорд╛рдиреНрдп рдореЗрдВ рд▓рд╛рдирд╛ред рдФрд░, рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдФрд░, рдпрджрд┐ рд╕рдВрднрд╡ рд╣реЛ рддреЛ рдХреНрд▓рд╛рдЗрдВрдЯ рд╕рд╛рдЗрдб рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ - рдпрд╛ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛтАЛтАЛрдХрд┐ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХреЛрдВ рджреНрд╡рд╛рд░рд╛ рд╕рд░реНрд╡рд░ рд╕рд╛рдЗрдб рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП, _directly_, рдПрдореНрдореЗрдЯ рдХреЛрдб рдПрдЪрдЯреАрдПрдордПрд▓ рдкреЗрдЬреЛрдВ рдореЗрдВред

рдЙрд╕ рдкреНрд░рднрд╛рд╡ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪреЗрдВ рдЬреЛ рд╣реЛрдЧрд╛ред

рдЦреИрд░, рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ рд╡рд┐рдЪрд╛рд░ рд╣реИ :)

рдПрдХ рдмрд╛рд░ рдлрд┐рд░ рдзрдиреНрдпрд╡рд╛рдж,

рдордЬрд╝рд╛ рд▓реЗрдВ,
рдЬрд┐рдпрд╛рдирд┐рд╕,
рдПрдереЗрдВрд╕, рдЧреНрд░реАрд╕, рдпреВрд░реЛрдк, рд╡рд┐рд╢реНрд╡ред


рддреЛ, рд╡рд╣ рд╣реИ, рдЗрд╕ рд╡рд┐рдЪрд╛рд░ рдХреЛ рдКрдкрд░ рдЙрдард╛рдирд╛: +1: рдФрд░ рдЗрд╕реЗ рдкреВрд░рд╛ рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИ :)

рдореЗрд░рд╛ рдЕрдкрд╡реЛрдЯ рдХрд░реЗрдВ! рдХрд▓реНрдкрдирд╛ рдХреАрдЬрд┐рдП рдХрд┐ рдХреНрдпрд╛ рд╣рдо HTML рдореЗрдВ рдкреГрд╖реНрдареЛрдВ рдХреЛ рдХреЛрдб рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЗрд╕реЗ рдПрдореНрдореЗрдЯ рдореЗрдВ рдЕрдиреБрд╡рд╛рдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рдлрд┐рд░ PHP рдХреЛрдб рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдЬрд┐рд╕рдореЗрдВ рдПрдореНрдореЗрдЯ рдХреЛрдб рд╢рд╛рдорд┐рд▓ рд╣реИ рдЬреЛ рдЧрддрд┐рд╢реАрд▓ рд░реВрдк рд╕реЗ HTML рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред

:рд╣рд╛рде: рдореЗрд░рд╛ рдбреНрд░рд╛рдЗрд╡-рдмрд╛рдп рдЯреВ рд╕реЗрдВрдЯ:

@icb931023 рдкрд╣рд▓реЗ рдореИрдВрдиреЗ рд╕реЛрдЪрд╛ рдХрд┐ рдЖрдкрдиреЗ рдЬреЛ рдХрд╣рд╛ рд╡рд╣ рдЕрдЪреНрдЫрд╛ рд▓рдЧрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ, рдЗрд╕рд╕реЗ рдХреНрдпрд╛ рд▓рд╛рдн рд╣реЛрдЧрд╛? рдЖрдкрдХреЗ PHP рдХреЛ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЖрдкрдХреЗ HTML рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рдиреЗ рд╡рд╛рд▓реА рдПрдХ рдЫреЛрдЯреА рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╕реЗ рдирд┐рдкрдЯрдирд╛ рд╣реЛрдЧрд╛, рд▓реЗрдХрд┐рди рдлрд┐рд░ рдЗрд╕рдХреЗ рд╕рд╛рде рдФрд░ рдЕрдзрд┐рдХ рдХрд╛рдо рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЯрд╛рдЗрдкреЛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬреНрдпрд╛рджрд╛ рдЪрд┐рдВрддрд╛ рдХрд░рдиреЗ рдХреА рдЬрд╝рд░реВрд░рдд рдирд╣реАрдВ рд╣реЛрдЧреА (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдмрдВрдж рдЯреИрдЧ рдореЗрдВ рдПрдХ рд▓рд╛рдкрддрд╛ рд╕реНрд▓реИрд╢ рдХреА рддрд░рд╣) рдХреНрдпреЛрдВрдХрд┐ рд╕рднреА рдЯреИрдЧ рдЖрдкрдХреЗ рд▓рд┐рдП рдЬреЗрдирд░реЗрдЯ рдХрд┐рдП рдЬрд╛рдПрдВрдЧреЗ, рд▓реЗрдХрд┐рди рдЖрдк рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЬреЛ рдореИрдВ рдорд╛рди рд░рд╣рд╛ рд╣реВрдВ (рдпрджреНрдпрдкрд┐ рдЗрд╕рдХреЗ рд╕рд╛рде рд╢реБрд░реВ рд╣реЛ рд░рд╣рд╛ рд╣реИ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕) рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдордЬрдмреВрдд рддрд░реНрдХ рд╣реИ рдпрд╛ рдирд╣реАрдВред рдпрд╛ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдореИрдВ рдпрд╣ рдорд╛рдирдиреЗ рдореЗрдВ рдЧрд▓рдд рд╣реВрдВ рдХрд┐ рдЖрдк рд╕рдВрдХреНрд╖рд┐рдкреНрдд/рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдореЗрдВ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗред

рдореИрдВ рдпрд╣ рдЪрд╛рд╣рддрд╛ рд╣реВрдБред рдореИрдВ рд╕рд┐рд░реНрдл рдПрдХ рдареЛрд╕ рдЙрдкрдпреЛрдЧ рдХрд╛ рдорд╛рдорд▓рд╛ рдирд╣реАрдВ рджреЗрдЦ рд╕рдХрддрд╛ред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдпрд╣ рд╕реАрдПрд╕рдПрд╕ рдкреНрд░реАрдкреНрд░реЛрд╕реЗрд╕рд┐рдВрдЧ рдЬрд┐рддрдирд╛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдлрд╛рдпрджреЗрдордВрдж рдирд╣реАрдВ рд╣реИред

рдпрд╣ рдПрдХ рдЕрд▓рдЧ рдХрд╣рд╛рдиреА рд╣реЛрдЧреА рдпрджрд┐ рдмреНрд░рд╛рдЙрдЬрд╝рд░/рдЯреЗрдореНрдкрд▓реЗрдЯрд┐рдВрдЧ рдЗрдВрдЬрди рдПрдореНрдореЗрдЯ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЛ рд╕рдордЭрддреЗ рд╣реИрдВред рдпрд╣ рджрд┐рд▓рдЪрд╕реНрдк рд╣реЛрдЧрд╛!

рдордореНрдо, рдЗрд╕реЗ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЬреЗрдПрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рджрд┐рд▓рдЪрд╕реНрдк рд╣реИ;)

рдпрд╣рд╛рдБ рдЧреНрд░рд╛рд╣рдХ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдПрдХ рд╢реБрд░реБрдЖрдд рд╣реИ; рдПрдореНрдореЗрдЯ рдХреА рдореВрдВрдЫреЗрдВ ред рдпреЛрдЧрджрд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВред

@рд╡рдмрдЯреНрдЯрд╛ :)

рдХреЛрдИ рд╕реБрдзрд╛рд░?

рдпрд╣ рднреА рдкрд╕рдВрдж рдЖрдПрдЧрд╛ред рдореИрдВ рдПрдХ рд╕реНрдЯрд╛рдЗрд▓рдЧрд╛рдЗрдб рдкреГрд╖реНрда рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдЬрд╣рд╛рдВ рдореИрдВ рдЕрдкрдиреЗ рд╕рднреА рддрддреНрд╡реЛрдВ рдХреЛ рд╕рдВрдЧреНрд░рд╣реАрдд рдХрд░рддрд╛ рд╣реВрдВ, рдЗрд╕реЗ рдкреНрд░рдмрдВрдзрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рдкрд╛рд╕ рддрддреНрд╡реЛрдВ рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдореНрдореЗрдЯ рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╡рд┐рд╢рд╛рд▓ JSON рдлрд╝рд╛рдЗрд▓ рд╣реИ рдФрд░ рдореИрдВрдиреЗ рдЙрдиреНрд╣реЗрдВ рдПрдХ рдкреГрд╖реНрда рдкрд░ рдереВрдХрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреВрд▓ рдмрдирд╛рдпрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдЕрднреА рдЬрдм рднреА рдХреБрдЫ рдирдпрд╛ рдмрдирд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЗрд╕ рдлрд╝рд╛рдЗрд▓ рдХреЛ рдЕрджреНрдпрддрд┐рдд рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдЙрди рд╕рднреА рдХреЛ рд╣рд╛рде рд╕реЗ рдмрджрд▓рдирд╛ рд╣реЛрдЧрд╛ред рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЛ рдПрдореНрдореЗрдЯ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдХрдирд╡рд░реНрдЯ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗред

_рдмрдореНрдк_

рдореБрдЭреЗ HTML рдХреЛ рдПрдореНрдореЗрдЯ рдореЗрдВ рдмрджрд▓рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ред рдореЗрд░реЗ рджреНрд╡рд╛рд░рд╛ рдЕрдХреНрд╕рд░ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдХреЛрдб рдмреНрд▓реЙрдХ рдХреА рдЪреАрдЯ рд╢реАрдЯ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣ рдмрд╣реБрдд рдЙрдкрдпреЛрдЧреА рд╣реЛрдЧрд╛ред

рдХреЛрд░реНрдЗ рдмрджрд▓рд╛рд╡?

@Kcko рдХреЛрдИ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВред рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХреА рдореЗрд░реЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдХрдо рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рд╣реИ

рдпрд╣ рдПрдХ рдЕрдЪреНрдЫреА рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реЛрдЧреАред рдПрдореНрдореЗрдЯ/рдЬрд╝реЗрди рд╕рд┐рдВрдЯреИрдХреНрд╕ рдореЗрдВ рдкрджрд╛рдиреБрдХреНрд░рдо рдХреЛ рдкрдврд╝рдирд╛ рдЖрд╕рд╛рди рд╣реЛрддрд╛ рд╣реИ рдФрд░ рдХрднреА-рдХрднреА HTML рдЦрдВрдб рдбрд┐рдЬрд╝рд╛рдЗрди рдХреЛ рдкреБрдирд░рд╛рд╡реГрддреНрдд рдХрд░рддреЗ рд╕рдордп рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рдПрдХ рдкреНрд░рдХрд╛рд░ рдХрд╛ рдореЛрдЯрд╛-рдбреНрд░рд╛рдлреНрдЯ рд╣реЛрдирд╛ рд╕рд╣рд╛рдпрдХ рд╣реЛрддрд╛ рд╣реИред

рдПрдХ рдмреЗрд╣рддрд░реАрди рдлреАрдЪрд░ рд╣реЛрдЧрд╛!
*n рдлреАрдЪрд░ рдХреЗ рд╕рд╛рде рдХрдИ рдмреНрд▓реЙрдХ рдмрдирд╛рдиреЗ рдХреА рдХрд▓реНрдкрдирд╛ рдХрд░реЗрдВ рдФрд░ рдмрд╛рдж рдореЗрдВ рдкрддрд╛ рдХрд░реЗрдВ рдХрд┐ рдЖрдкрдХреЛ рдмреНрд▓реЙрдХ рдХреЛ рдмрджрд▓рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИред рдЕрдм рдЖрдкрдХреЛ рдмреНрд▓реЙрдХреНрд╕ рдХреЛ рд╣рдЯрд╛рдирд╛ рд╣реИ рдФрд░ рдПрдореНрдореЗрдЯ рдХреЛрдб рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрдирд╛ рд╣реИред рд╡рд╛рдкрд╕ рдЬрд╛рдирд╛, рдХреЗрд╡рд▓ рдПрдХ рднрд╛рдЧ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдирд╛ рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЙрддреНрдкрдиреНрди рдХрд░рдирд╛ рдмрд╣реБрдд рддреЗрдЬрд╝ рд╣реЛрдЧрд╛!

@MarcoWilli Emmet рдХреЗ рдкрд╛рд╕ рдореМрдЬреВрджрд╛ рдХреЛрдб рдХреЛ рдЬрд▓реНрджреА рд╕реЗ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рддрд░реАрдХреЗ рд╣реИрдВ:

  • (рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯреЗрдВ) [http://docs.emmet.io/actions/wrap-with-abbreviation/]
  • (рдЕрдкрдбреЗрдЯ рдЯреИрдЧ)[http://emmet.io/blog/beta-v1-1/]

рдЖрдкрдХреЛ рдпрд╣ рднреА рдзреНрдпрд╛рди рд░рдЦрдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ рдпрджрд┐ рдЖрдкрдХреЗ рджреЛрд╣рд░рд╛рдП рдЧрдП рддрддреНрд╡реЛрдВ рдореЗрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╕рд╛рдордЧреНрд░реА рд╣реИ (рдЬреИрд╕рд╛ рдХрд┐ рдЖрдкрдиреЗ "рдмрд╛рдж рдореЗрдВ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░реЗрдВ" рдХреЗ рд░реВрдк рдореЗрдВ рд╡рд░реНрдгрд┐рдд рдХрд┐рдпрд╛ рд╣реИ), рддреЛ рдЙрд▓реНрдЯрд╛ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╡реИрд╕рд╛ рдирд╣реАрдВ рд╣реЛрдЧрд╛ рдЬреИрд╕рд╛ рдЖрдкрдиреЗ рдХреЛрдб рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдерд╛ред

рдореЗрд░реА рдУрд░ рд╕реЗ рдЕрдкрд╡реЛрдЯ рдХрд░реЗрдВред рдПрдореНрдореЗрдЯ рдХреЗ рд▓рд┐рдП рдирдпрд╛ рдФрд░ рдпрд╣ рдореЗрд░реЗ рдХреМрд╢рд▓ рдореЗрдВ рд╕реБрдзрд╛рд░ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рд╢рд╛рдирджрд╛рд░ рддрд░реАрдХрд╛ рд╣реЛрдЧрд╛ред

рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдпрд╣рд╛рдБ рдореЗрд░рд╛ рдорд╛рдорд▓рд╛ рд╣реИ:

рдореБрдЭреЗ рдХреБрдЫ рдмреНрд▓реЙрдХ рдорд┐рд▓рддреЗ рд╣реИрдВ рдЬреИрд╕реЗ
<record class="main1 text"> <field name id="1">1</field> <field name id="2">2</field> <field name id="3">3</field> <field name id="4">4</field> </record>

рдЗрд╕рд▓рд┐рдП рдореИрдВ рдкрд╣рд▓реЗ рд╡рд╛рд▓реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЕрдзрд┐рдХ рд░рд┐рдХреЙрд░реНрдб рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдЕрдм рдореИрдВ рд░рд┐рдХреЙрд░реНрдб рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдХреНрд╖реЗрдк рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдлрд┐рд░ рдореИрдВ (record...)*10 рдЬреИрд╕рд╛ рдХреБрдЫ рдЯрд╛рдЗрдк рдХрд░рддрд╛ рд╣реВрдВ

рдзрдиреНрдпрд╡рд╛рдж

@chermed ... рдпрд╛ рдЖрдк рдмрд╕ рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯ рдХреЛ рдХреЙрдкреА-рдкреЗрд╕реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдХреГрдкрдпрд╛ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдкреНрд░рджрд╛рди рдХрд┐рдпрд╛ рдЧрдпрд╛ рдХреЛрдб рдПрдХ рдмрд╣реБрдд рд╣реА рд╕рд░рд▓ рд▓реЗрдХрд┐рди рдмрд╣реБрдд рд╣реА рджреБрд░реНрд▓рдн рдЙрдкрдпреЛрдЧ рдХрд╛ рдорд╛рдорд▓рд╛ рд╣реИред рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдЖрдк record>field[name=name1]{text1}+field[name=name2]{text2}+field[name=name3]{text3}+... рд╕рдВрдХреНрд╖реЗрдк рдЬреИрд╕реЗ рдХреБрдЫ рдХреЗ рд╕рд╛рде рд╕рдорд╛рдкреНрдд рд╣реЛ рдЬрд╛рдПрдВрдЧреЗ, рдЬреЛ рдмрд╣реБрдд рдЙрдкрдпреЛрдЧреА рдирд╣реАрдВ рд╣реИ

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдПрдХ рдорд╛рдЗрдХреНрд░реЛрд╕рд░реНрд╡рд┐рд╕ рд╣реИ рдЬреЛ рдПрдХ рдЯреЗрдореНрдкрд▓реЗрдЯ + JSON рдСрдмреНрдЬреЗрдХреНрдЯ w/рдбреЗрдЯрд╛ рд╕реЗ рдПрдХ HTML рд╕реНрдЯреНрд░рд┐рдВрдЧ рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛ рд╣реИ рдФрд░ рдкреНрд░рджрд╛рди рдХреА рдЧрдИ HTML рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд╕рд╛рде POST рдЕрдиреБрд░реЛрдзреЛрдВ рдХрд╛ рдЬрд╡рд╛рдм рджреЗрддрд╛ рд╣реИред HTTP рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдПрдХ рд╡рд┐рд╢рд╛рд▓ HTML рд╕реНрдЯреНрд░рд┐рдВрдЧ рднреЗрдЬрдиреЗ рд╕реЗ рд╣рдорд╛рд░реЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдкреНрд░рд╡рд╛рд╣ рдореЗрдВ рдмрд╛рдзрд╛ рдЙрддреНрдкрдиреНрди рд╣реЛрддреА рд╣реИред

рдпрджрд┐ рдЗрд╕ рдкреНрд░рджрд╛рди рдХрд┐рдП рдЧрдП HTML рдХреЛ рд▓реЗрдиреЗ рдФрд░ рдЗрд╕реЗ рдПрдХ рдПрдореНрдореЗрдЯ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдореЗрдВ рдмрджрд▓рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ, рдЬреЛ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд░реВрдк рдореЗрдВ рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдпрд╣ рд╣рдорд╛рд░реА рдЕрдбрд╝рдЪрди рдХреЛ рджреВрд░ рдХрд░реЗрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдбреЗрдЯрд╛ рдЖрдХрд╛рд░ рдореЗрдВ рдмрд╛рдЗрдЯреНрд╕ рдХреА рд╕рдВрдЦреНрдпрд╛ рдХрдо рд╣реЛрддреА рд╣реИред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рд╡рд╛рд▓реА рдорд╛рдЗрдХреНрд░реЛрд╕рд░реНрд╡рд┐рд╕ рддрдм рдХреНрд▓рд╛рдЗрдВрдЯрд╕рд╛рдЗрдб рдХреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░-рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░ рд╕рдХрддреА рд╣реИред

@kizzlebot рдпрд╣ рдПрдХ рд╡реНрдпрд╡рд╣рд╛рд░реНрдп рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрдкрдХреЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП:

  • рд╡рд┐рд╢рд╛рд▓ HTML рдХреЛ рдПрдореНрдореЗрдЯ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдирд╛ рднреА рдПрдХ рдЕрдбрд╝рдЪрди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ рд╕реАрдкреАрдпреВ рдХреА рддрд░рдл
  • рдХреНрдпрд╛ рдЖрдЙрдЯрдкреБрдЯ gzipping рд╕рдорд╕реНрдпрд╛ рд╣рд▓ рдХрд░рддрд╛ рд╣реИ?
  • рдХреНрд▓рд╛рдЗрдВрдЯ-рд╕рд╛рдЗрдб рдкрд░ рдПрдореНрдореЗрдЯ рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░рдиреЗ рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдЗрд╕реЗ рд░реЗрдВрдбрд░рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡рд┐рд╢реЗрд╖ рд░рдирдЯрд╛рдЗрдо рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред рддреЛ, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдХреЗ рдорд╛рдЗрдХреНрд░реЛрд╕рд░реНрд╡рд┐рд╕ рдХреА рдмрд┐рд▓реНрдХреБрд▓ рднреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЖрдк рдХреНрд▓рд╛рдЗрдВрдЯ рдХреЛ рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдФрд░ JSON рдбреЗрдЯрд╛ рднреЗрдЬ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдЕрдкрдиреЗ рд░рдирдЯрд╛рдЗрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ

@kizzlebot рдореИрд╕реЗрдЬрдкреИрдХ рдФрд░/рдпрд╛ рдЕрдкрд╛рдЪреЗ рдПрд╡рд░реЛ рдХреНрдпреЛрдВ рдирд╣реАрдВ?

@sergeche рдЕрдзрд┐рдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП, "рд░реЗрдВрдбрд░" рд╢рдмреНрдж рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЧрд▓рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рд╣рдо рдПрдХ рдорд╛рдЗрдХреНрд░реЛрд╕рд░реНрд╡рд┐рд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдПрдХ рдкреАрдбреАрдПрдл рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдЪрдЯреАрдПрдордПрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдХреЗрд╡рд▓ рдПрдЪрдЯреАрдПрдордПрд▓ рдкреЗрд▓реЛрдб рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдкреАрдбреАрдПрдл рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП, рдпрджрд┐ рдПрдЪрдЯреАрдПрдордПрд▓ рд╕реЗ рдПрдореНрдореЗрдЯ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рдЬрд╛рдирд╛ рд╕рдВрднрд╡ рд╣реЛрдЧрд╛, рддреЛ рдПрдореЗрдЯ рд╕рдВрдХреНрд╖реЗрдк рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдХреНрд▓рд╛рдЗрдВрдЯ рд╡рд░реНрддрдорд╛рди рдПрдореНрдореЗрдЯ рдПрдирдкреАрдПрдо рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ рдЖрд╕рд╛рдиреА рд╕реЗ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред рд╣рдореЗрдВ рд░реЗрдВрдбрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░рдирдЯрд╛рдЗрдо рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреА рдХреНрдпреЛрдВрдХрд┐ html рдХреНрд▓рд╛рдЗрдВрдЯрд╕рд╛рдЗрдб рдкрд░ рдХрднреА рднреА рд░реЗрдВрдбрд░ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рддрд╛рд░ рдХреЗ рдКрдкрд░ рд╕реЗ рдЧреБрдЬрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдмрд╕ рдПрдХ рдХреЙрдореНрдкреИрдХреНрдЯ рдкреЗрд▓реЛрдб рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореИрдВ рдирдореВрдирд╛ рд╕рд╛рдЗрдЯреЛрдВ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдкреНрд░реЗрдЬреЗрдВрдЯреЗрд╢рди рдЯрд╛рдЗрдкрд┐рдВрдЧ рдХреЛ рддреЗрдЬ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдиреНрд╣реЗрдВ рд╡рд╛рдкрд╕ рдПрдореНрдореЗрдЯ рд╕реНрдирд┐рдкреЗрдЯ рдореЗрдВ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ (рдФрд░ рдпрд╣ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдбреЗрдореЛ рдПрдореНрдореЗрдЯ рд╣реИ)ред

рд╕рдВрднрд╡рддрдГ рд╣рд╛рдЗрдкрд░рд╕реНрдХреНрд░рд┐рдкреНрдЯ/рдЬреЗрдПрд╕рдПрдХреНрд╕ рдФрд░ рдПрдПрд╕рдЯреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИред

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

.navbar>
  .logo+
  ul.menu_v>
    li.menu_itm*2+
    li.menu_item.dropd
  ^
  ul.menu_v>
    li.item_dd

рдпрд╣ HTML рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкрдардиреАрдп рд╣реИред
рдФрд░ рдЗрд╕реЗ рджреЗрдЦрдиреЗ рдХреЗ рдмрд╛рдж, рдореИрдВрдиреЗ рд╕реЛрдЪрд╛, рдХреНрдпрд╛ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдирд╣реАрдВ рд╣реЛрдЧрд╛ рдпрджрд┐ рдПрдореНрдореЗрдЯ рдЗрдВрдбреЗрдВрдЯреЗрд╢рди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИред
рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рдореИрдВрдиреЗ рд╕реЛрдЪрд╛, рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рдпрджрд┐ рдХреЛрдИ рд░реВрдкрд╛рдВрддрд░рдг рдЙрдкрдХрд░рдг рд╣реИ рдЬреЛ рдПрдореНрдореЗрдЯ рдХреЛ HTML рдореЗрдВ рдЗрдВрдбреЗрдВрдЯреЗрд╢рди рдХреЗ рд╕рд╛рде рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рддрд╛ рд╣реИред рдЗрд╕ рддрд░рд╣ HTML рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд▓рд┐рдЦрдиреЗ рдФрд░ рдкрдврд╝рдиреЗ рдореЗрдВ рдмрд╣реБрдд рдордЬрд╝рд╛ рдЖрддрд╛ рд╣реИред
рдореЗрд░рд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдПрдХреНрд╕рдПрдордПрд▓ рдореЗрдВ рдЬреЗрдПрд╕рдУрдПрди рд╣реБрдЖ рдерд╛ред
HTML рдХреЗ рдЖрдЧреЗ рдмрдврд╝рдиреЗ рдХрд╛ рд╕рдордп рдЖ рдЧрдпрд╛ рд╣реИ...

рдЖрдкрдХрд╛ рдорддрд▓рдм рд╡реЗрдмрдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕, рд╣рд╛рдЗрдкрд░рд╕реНрдХреНрд░рд┐рдкреНрдЯ, JSX рдФрд░ рдкрдЧ рд╣реИ? рдЦреИрд░, рдЗрдореНрд╣реЛ рдЗрд╕реЗ рдкрдврд╝рдирд╛ рдмрд╣реБрдд рдЖрд╕рд╛рди рдирд╣реАрдВ рд╣реИред

рдПрдореНрдореЗрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЬреНрдпрд╛рджрд╛рддрд░ рддреНрд╡рд░рд┐рдд рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдк рдФрд░ рдХрдорд╛рдВрдб рдкреВрд░рд╛ рдХрд░рдиреЗ / рдордЪрд╛рди рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬреИрд╕реЗ рдХрд┐ PhpStorm рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдореЗрдВред рддреЛ рдПрдореНрдореЗрдЯ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЖрдо рддреМрд░ рдкрд░ рдХрд┐рд╕реА рднреА рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рд╕рдВрдЧреНрд░рд╣реАрдд рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рдХреЗрд╡рд▓ рдЕрдВрддрд┐рдо рдПрдЪрдЯреАрдПрдордПрд▓ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

planetoftheweb picture planetoftheweb  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

MarvinXu picture MarvinXu  ┬╖  10рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

nicothin picture nicothin  ┬╖  18рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

HeikoMamerow picture HeikoMamerow  ┬╖  16рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

corysimmons picture corysimmons  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ