ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫ ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯁ, ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁꯤ, ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯋꯦꯕꯑꯦꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯇꯁꯤꯡ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯀꯤꯀꯁ꯭ꯇꯥꯔ ꯇꯧꯅꯕꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯇꯨꯏꯇꯥꯔꯗꯒꯤ ꯂꯥꯀꯄꯥ ꯇꯨꯂꯀꯤꯠ ꯑꯃꯅꯤ꯫
ꯃꯁꯤꯗꯥ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ, ꯐꯣꯔꯝ, ꯕꯇꯟ, ꯇꯦꯕꯜ, ꯒ꯭ꯔꯤꯗ, ꯅꯦꯚꯤꯒꯦꯁꯟ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤ ꯕꯦꯖ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ HTML ꯌꯥꯑꯣꯔꯤ꯫
ꯅꯦꯔꯗ ꯑꯦꯂꯔꯠ: ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯃꯣꯗꯔꯟ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ ꯋꯥꯈꯂꯗꯥ ꯊꯃꯗꯨꯅꯥ ꯒꯦꯠꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯈꯤꯕꯅꯤ꯫
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯊꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯍꯧꯅꯕꯒꯤꯗꯃꯛ, ꯁꯨꯞꯅꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖꯗꯥ ꯀꯣꯄꯤ ꯇꯧ꯫
ꯂꯦꯁ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯐꯦꯟ ꯑꯃꯥ? ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, ꯔꯦꯄꯣ ꯑꯗꯨ ꯀ꯭ꯂꯣꯟ ꯇꯧꯔꯒꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ:
ꯒꯤꯊꯕꯇꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯔꯦꯄꯣꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ, ꯐꯣꯔꯛ ꯇꯧꯕꯥ, ꯄꯨꯜ ꯇꯧꯕꯥ, ꯐꯥꯏꯜ ꯏꯁꯨꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ꯫
ꯇ꯭ꯕꯤꯇꯔꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯅꯨꯃꯤꯠꯁꯤꯡꯗꯥ ꯏꯟꯖꯤꯅꯤꯌꯔꯁꯤꯡꯅꯥ ꯃꯈꯣꯌꯅꯥ ꯈꯉꯅꯔꯕꯥ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯐ꯭ꯔꯟꯇ-ꯑꯦꯟꯗꯀꯤ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯗꯨ ꯐꯪꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯝꯃꯤ꯫ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯇ꯭ꯕꯤꯇꯔꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯍꯦꯀꯋꯤꯀꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯁꯤꯡꯅꯕꯁꯤꯡꯒꯤ ꯄꯥꯎꯈꯨꯝ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯍꯧꯈꯤ ꯑꯃꯁꯨꯡ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯌꯥꯡꯅꯥ ꯍꯦꯅꯒꯠꯂꯀꯈꯤ꯫
ꯇ꯭ꯕꯤꯇꯔꯗꯥ ꯏꯟꯖꯤꯅꯤꯌꯔ ꯀꯌꯥꯒꯤ ꯃꯇꯦꯡ ꯑꯃꯁꯨꯡ ꯐꯤꯗꯕꯦꯛ ꯑꯁꯤꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯕꯦꯁꯤꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯈꯛꯇꯥ ꯅꯠꯇꯅꯥ ꯍꯦꯟꯅꯥ ꯏꯂꯤꯒꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯇꯦꯛꯇ ꯀꯥꯌꯗꯕꯥ ꯐ꯭ꯔꯟꯇ-ꯑꯦꯟꯗ ꯗꯤꯖꯥꯏꯟ ꯄꯦꯇꯔꯅꯁꯤꯡ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ ꯌꯥꯝꯅꯥ ꯆꯥꯎꯈꯠꯂꯦ꯫
dev.twitter.com ꯗꯥ ꯃꯈꯥ ꯇꯥꯅꯥ ꯄꯥꯕꯤꯌꯨ ›
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀ꯭ꯔꯣꯝ, ꯁꯥꯐꯥꯔꯤ, ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ, ꯑꯃꯁꯨꯡ ꯐꯥꯏꯔꯐꯛꯁꯒꯨꯝꯕꯥ ꯑꯆꯧꯕꯥ ꯃꯣꯗꯔꯟ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯗꯥ ꯇꯦꯁ꯭ꯠ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯏ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSS, ꯑꯅꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ, ꯑꯃꯁꯨꯡ ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯇꯦꯃꯞꯂꯦꯠꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯂꯥꯀꯏ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯄꯤꯔꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ 940px ꯋꯥꯏꯗ 16-ꯀꯣꯂꯝ ꯒ꯭ꯔꯤꯗ ꯑꯃꯅꯤ꯫ ꯃꯁꯤ ꯃꯤꯌꯥꯝꯅꯥ ꯄꯥꯝꯅꯕꯥ ꯹꯶꯰ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯃꯁꯛ ꯑꯃꯅꯤ, ꯑꯗꯨꯕꯨ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯔꯣꯏꯕꯥ ꯃꯐꯃꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯖꯤꯟ/ꯄꯦꯗꯤꯡ ꯌꯥꯑꯣꯗꯅꯥ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯕꯦꯁꯤꯛ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯥ "ꯀꯣꯂꯝ" ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯝꯕꯥ ꯌꯥꯏ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯂꯦꯄꯈꯤꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯦꯜ ꯀꯣꯂꯝ ꯱꯶ꯀꯤ ꯃꯁꯤꯡ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯚꯦꯔꯤꯑꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫
- <div ꯀ꯭ꯂꯥꯁ="ꯔꯣ"> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫ class = "ꯔꯣ" >꯫
- <div class = "ꯁ꯭ꯄꯦꯅ꯶ ꯀꯂꯃꯁꯤꯡ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div class = "ꯁ꯭ꯄꯦꯅ꯱꯰ ꯀꯂꯃꯁꯤꯡ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
ꯆꯥꯎꯔꯥꯛꯅꯥ ꯁꯥꯏꯠ ꯅꯠꯠꯔꯒꯥ ꯄꯦꯖ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯑꯣꯏꯅꯥ ꯕꯦꯁꯤꯛ 940px ꯄꯥꯀꯄꯥ, ꯁꯦꯟꯇꯔ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯥ꯫
- <ꯍꯀꯆꯥꯡ>꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯅꯔ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
ꯃꯤꯟ- ꯑꯃꯁꯨꯡ ꯃꯦꯛꯁ-ꯋꯥꯏꯗ ꯑꯃꯁꯨꯡ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯁꯥꯏꯗꯕꯥꯔ ꯑꯃꯥ ꯂꯩꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯐ꯭ꯂꯨꯏꯗ ꯅꯠꯠꯔꯒꯥ ꯂꯤꯛꯌꯨꯏꯗ ꯄꯦꯖ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯃꯥ꯫ ꯑꯦꯄꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯆꯧꯕꯥ꯫
- <ꯍꯀꯆꯥꯡ>꯫
- <div class = "ꯀꯟꯇꯦꯅꯔ-ꯐ꯭ꯂꯨꯏꯗ" >
- <div ꯀ꯭ꯂꯥꯁ = "ꯁꯥꯏꯗꯕꯥꯔ" > ꯫
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯟꯇ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖꯁꯤꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯃꯥ꯫
ꯅꯨꯜꯂꯥꯝ ꯀꯨꯏꯁ ꯔꯤꯁꯨꯁ ꯑꯦꯒꯦꯠ ꯎꯔꯅꯥ ꯃꯣꯂꯤꯁ ꯑꯣꯔꯅꯥꯔꯦ ꯚꯦꯜ ꯏꯎ ꯂꯤꯑꯣ꯫ ꯀꯝ ꯁꯣꯁꯤꯏꯁ ꯅꯥꯇꯣꯛ ꯄꯦꯅꯥꯇꯤꯕꯁ ꯑꯦꯠ ꯃꯦꯒ꯭ꯅꯤꯁ ꯗꯤꯁ ꯄꯥꯔꯇꯨꯔꯤꯌꯦꯟꯇ ꯃꯣꯟꯇꯦꯁ, ꯅꯥꯁꯦꯇꯨꯔ ꯔꯤꯗꯤꯀꯨꯂꯁ ꯃꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
ꯑꯦꯝꯄꯥꯁꯤꯁ, ꯑꯦꯗ꯭ꯔꯦꯁ, & ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫
<strong>
<em>
<address>
<abbr>
ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡ ꯑꯃꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯣꯄꯤ ꯑꯗꯨꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯑꯦꯝꯐꯦꯁꯤꯁ ꯇꯦꯒꯁꯤꯡ ( <strong>
ꯑꯃꯁꯨꯡ <em>
) ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫ <strong>
ꯃꯔꯨꯑꯣꯏꯕꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯦꯁ ꯏꯝꯄꯦꯁ <em>
ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯐꯨꯁꯁꯦ ꯗꯥꯄꯤꯕꯁ , ꯇꯦꯂꯁ ꯑꯦ.ꯁꯤ . ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥꯏ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫
ꯅꯣꯠ:<b>
HTML5ꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯇꯦꯒꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯀꯁꯨ ꯑꯐꯕꯥ ꯑꯣꯏꯔꯤ <i>
, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯃꯍꯧꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯄꯥ ꯅꯠꯇꯦ꯫ <b>
ꯍꯥꯌꯕꯁꯤ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯄꯤꯗꯅꯥ ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡꯁꯤꯡ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯍꯥꯌꯕꯅꯤ, ꯑꯗꯨꯒꯥ <i>
ꯑꯌꯥꯝꯕꯅꯥ ꯈꯣꯟꯖꯦꯜ, ꯇꯦꯛꯅꯤꯀꯦꯜ ꯇꯔꯃꯁꯤꯡ ꯑꯁꯤꯅꯆꯤꯡꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤ ꯃꯁꯤꯒꯤ <address>
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ ꯏꯄꯥ-ꯏꯄꯨꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯊꯕꯛꯀꯤ ꯍꯀꯆꯥꯡ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯀꯟꯇꯦꯛꯇ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯀꯔꯝꯅꯥ ꯑꯣꯏꯒꯅꯤ:
ꯅꯣꯠ: ꯑꯃꯗꯥ ꯂꯩꯕꯥ ꯂꯥꯏꯟ ꯈꯨꯗꯤꯡꯃꯛ ꯂꯥꯏꯟ <address>
-ꯕ꯭ꯔꯦꯛ ( ) ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯏꯁꯤꯅꯒꯗꯕꯅꯤ ꯅꯠꯠꯔꯒꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯥ <br />
ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯇꯦꯒ ꯑꯃꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ) ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ꯫<p>
ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯔꯣꯅꯤꯃꯒꯤꯗꯃꯛ, <abbr>
ꯇꯦꯒ ꯁꯤꯖꯤꯟꯅꯧ ( HTML5<acronym>
ꯗꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ )꯫ ꯇꯦꯒ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯁꯣꯔꯇꯍꯦꯟꯗ ꯐꯣꯔꯝ ꯑꯗꯨ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯃꯃꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯇꯥꯏꯇꯜ ꯑꯃꯥ ꯁꯦꯠ ꯇꯧ꯫
<blockquote>
<p>
<small>
ꯕ꯭ꯂꯣꯀꯀꯣꯠ ꯑꯃꯥ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ, ꯔꯦꯞ <blockquote>
ꯇꯧꯕꯥ <p>
ꯑꯃꯁꯨꯡ <small>
ꯇꯦꯒ ꯇꯧꯕꯥ꯫ ꯅꯍꯥꯛꯀꯤ ꯁꯣꯔꯁ ꯑꯗꯨ ꯄꯅꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ <small>
ꯅꯍꯥꯛꯅꯥ ꯏꯝ ꯗꯦꯁ ꯑꯃꯥ ꯐꯪꯒꯅꯤ꯫—
ꯂꯣꯔꯦꯝ ꯏꯄꯁꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯦꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯦ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯗꯥꯄꯤꯕꯁ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯚꯦꯂꯤꯠ ꯑꯦꯂꯤꯀꯦꯠ꯫
ꯖꯨꯂꯤꯌꯁ ꯍꯤꯕꯔꯇꯅꯥ ꯗꯥ
<ul>
<ul.unstyled>
<ol>
dl
<table>
<thead>
<tbody>
<tr>
<th>
<td>
<colspan>
<caption>
ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ—ꯄꯣꯠ ꯀꯌꯥꯒꯤꯗꯃꯛ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯑꯆꯧꯕꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯥꯟꯅꯕꯥ, ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯑꯃꯁꯨꯡ ꯄꯥꯕꯥ ꯌꯥꯕꯥ (ꯀꯣꯗꯀꯤ ꯊꯥꯛꯇꯥ) ꯑꯣꯏꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯅꯨꯡꯁꯤꯕꯥ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯄꯥꯎꯇꯥꯛ ꯈꯔꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ꯫
ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡ <thead>
ꯑꯗꯨ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <thead>
> <tr>
> ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯔꯦꯞ <th>
ꯇꯧꯕꯤꯌꯨ꯫
ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ, ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯒꯤ ꯍꯀꯆꯥꯡꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯑꯦꯗꯥ ꯔꯦꯞ ꯇꯧꯒꯗꯕꯅꯤ <tbody>
ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <tbody>
> <tr>
> <td>
.
ꯇꯦꯕꯜ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯔꯤꯗꯤꯕꯤꯂꯤꯇꯤ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯅꯕꯥ ꯇꯉꯥꯏ ꯐꯗꯕꯥ ꯉꯃꯈꯩꯁꯤꯡ ꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯒꯅꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯱ | ꯈꯔ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧꯕꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
- <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ="ꯀꯃꯟ-ꯇꯦꯕꯜ">꯫ class = "ꯀꯃꯟ-ꯇꯦꯕꯜ" >
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯔꯥ ꯐꯦꯟꯁꯤ ꯑꯣꯏꯌꯨ— .zebra-striped
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯱ | ꯈꯔ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧꯕꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯑꯁꯤ IE8 ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯔꯤꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯐꯪꯗꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁꯤꯚ ꯑꯦꯅꯍꯥꯟꯁꯃꯦꯟꯇ ꯑꯃꯅꯤ꯫
- <table class="ꯀꯃꯟ-ꯇꯦꯕꯜ ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯧꯕꯥ"> class = "ꯀꯃꯟ-ꯇꯦꯕꯜ ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" >
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯃꯃꯥꯡꯒꯤ ꯈꯨꯗꯝ ꯑꯗꯨ ꯂꯧꯔꯒꯥ, ꯑꯩꯈꯣꯌꯅꯥ jQuery ꯑꯃꯁꯨꯡ Tablesorter ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯣꯔꯇꯤꯡ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯄꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯑꯗꯨ ꯐꯒꯠꯍꯜꯂꯤ꯫ ꯁꯣꯔꯠ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯀꯣꯂꯝ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯍꯦꯗꯇꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ.
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯱ | ꯑꯗꯣꯝꯒꯤ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧꯕꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
- <ꯁ꯭ꯛꯔꯤꯞꯇ src="js/jquery/jquery.ꯇꯦꯕꯂꯁꯣꯔꯇꯔ.ꯃꯤꯟ.ꯖꯦꯁ"></ꯁ꯭ꯛꯔꯤꯞꯇ>꯫ src = "js/jquery/jquery.ꯇꯦꯕꯂꯁꯣꯔꯇꯔ.ꯃꯤꯟ.ꯖꯦꯁ" ></ꯁ꯭ꯛꯔꯤꯞꯇ> ꯫
- <ꯁ꯭ꯛꯔꯤꯞꯇ > ꯍꯥꯌꯕꯁꯤꯅꯤ꯫
- $ ( ꯐꯉ꯭ꯀꯁꯟ () { .
- $ ( "ꯇꯦꯕꯜ#ꯁꯣꯔꯠꯇꯦꯕꯂꯒꯤ ꯈꯨꯗꯝ" ). ꯇꯦꯕꯂꯁꯣꯔꯇꯔ ({ ꯁꯣꯔꯇꯂꯤꯁ꯭ꯠ : [[ 1 , 0 ]] });
- });
- </script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫
- <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯀꯃꯟ-ꯇꯦꯕꯜ ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" >
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯐꯣꯔꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯃꯈꯣꯌꯕꯨ ꯄꯥꯕꯥ ꯌꯥꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯇꯦꯛꯁꯠ ꯏꯅꯄꯨꯠꯁꯤꯡ, ꯈꯅꯒꯠꯂꯕꯥ ꯂꯤꯁ꯭ꯇꯁꯤꯡ, ꯇꯦꯛꯁꯇꯥꯏꯂꯁꯤꯡ, ꯔꯦꯗꯤꯑꯣ ꯕꯇꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯆꯦꯀꯕꯣꯛꯁꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫
ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯒꯤ HTML ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .form-stacked
ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯤ ꯐꯤꯜꯗꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯃꯈꯣꯌꯒꯤ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯂꯩꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯁꯤꯡ ꯑꯗꯨ ꯁꯣꯔꯠ ꯑꯣꯏꯔꯕꯗꯤ ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯕꯥ ꯐꯣꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯤ ꯀꯣꯂꯝ ꯑꯅꯤ ꯂꯩꯔꯕꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯆꯧꯕꯥ ꯊꯕꯛ ꯇꯧꯏ꯫
ꯀꯅꯚꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯗꯨꯒꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, "ꯗꯥꯎꯅꯂꯣꯗ" ꯍꯥꯌꯕꯁꯤ ꯕꯇꯟ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ ꯑꯃꯁꯨꯡ "ꯍꯟꯗꯛꯀꯤ ꯊꯕꯛ ꯊꯧꯔꯝ" ꯑꯁꯤ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
ꯕꯇꯟ ꯄꯨꯝꯅꯃꯛ ꯂꯥꯏꯠ ꯒ꯭ꯔꯦ ꯁ꯭ꯇꯥꯏꯂꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯕ꯭ꯂꯨ .primary
ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯂꯩ꯫ ꯄ꯭ꯂꯥꯁ, ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯔꯣꯜ ꯇꯧꯕꯥ ꯑꯁꯤ ꯐꯖꯅꯥ ꯄꯤꯖꯩ꯫
ꯕꯇꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥꯗꯥ .btn
ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯍꯧꯁꯥꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ <a>
, <button>
, ꯑꯃꯁꯨꯡ ꯈꯅꯒꯠꯂꯕꯥ <input>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯈꯛꯇꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯀꯔꯝꯅꯥ ꯑꯣꯏꯒꯅꯤ:
ꯐꯦꯟꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯄꯤꯀꯄꯥ ꯕꯇꯅꯁꯤꯡ? ꯃꯁꯤꯗꯥ ꯂꯩꯕꯤꯌꯨ!
ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯗꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯔꯝ ꯑꯃꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯅꯥ ꯑꯦꯞ ꯑꯁꯤꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯃꯗꯨ .disabled
ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤꯗꯃꯛ :disabled
ꯑꯃꯁꯨꯡ <button>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯅꯤ꯫
ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯥꯌ ꯄꯥꯀꯄꯥ, ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯑꯗꯨ ꯐꯣꯡꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯋꯥꯟ-ꯂꯥꯏꯟ ꯃꯦꯁꯦꯖꯁꯤꯡ꯫ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯐꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯒꯅꯤ꯫
ꯈꯔꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯦꯁꯦꯖꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯅꯥ ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ ꯁ꯭ꯇꯥꯏꯜ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯂꯩ꯫ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯁꯥꯡꯕꯥ ꯑꯦꯔꯥꯔ ꯃꯦꯁꯦꯖꯁꯤꯡ ꯕꯨꯕꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯄꯦꯟꯗꯤꯡ ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯄꯦꯖ ꯑꯗꯨꯗꯥ ꯍꯦꯟꯅꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯈꯛꯇꯃꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
ꯃꯣꯗꯦꯂꯁꯤꯡ-ꯗꯥꯏꯂꯣꯒ ꯅꯠꯠꯔꯒꯥ ꯂꯥꯏꯠꯕꯣꯛꯁꯁꯤꯡ- ꯑꯁꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯕꯥ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯐꯤꯚꯃꯁꯤꯡꯗꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ꯫
ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ...
ꯇ꯭ꯕꯤꯄꯁꯤꯁꯤꯡ ꯑꯁꯤ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯕꯗꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯑꯆꯨꯝꯕꯥ ꯃꯥꯏꯀꯩꯗꯥ ꯇꯥꯀꯄꯗꯥ ꯁꯨꯄꯔ ꯀꯥꯟꯅꯕꯅꯤ꯫
ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯥ ꯁꯤꯠ ꯑꯦꯃꯦꯠ ꯏꯂꯣ ꯑꯦꯔꯣꯔ ꯏꯄꯁꯝ ꯚꯦꯔꯤꯇꯥꯇꯤꯁ ꯑꯣꯠ ꯏꯁ꯭ꯇꯦ ꯄꯥꯔꯁꯄꯤꯁꯤꯌꯥꯇꯤꯁ ꯏꯁ꯭ꯇꯦ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯅꯥꯇꯨꯁ ꯏꯂꯣ ꯀ꯭ꯕꯥꯁꯤ ꯑꯣꯗꯤꯠ ꯑꯣꯇꯣ ꯅꯥꯇꯁ ꯀꯟꯁꯦꯛꯌꯨꯟꯇꯨꯔ ꯀꯟꯁꯦꯛꯌꯨꯟꯇꯨꯔ, ꯑꯎꯠ ꯅꯥꯇꯨꯁ ꯏꯂꯣ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯑꯣꯗꯤꯠ ꯄꯥꯔꯁ꯭ꯄꯤꯁꯤꯑꯦꯇꯤꯁ ꯂꯥꯎꯗꯦꯟꯇꯤꯌꯝ ꯔꯦꯝ ꯗꯣꯂꯣꯔꯦꯃꯛ ꯇꯣꯇꯥꯝ ꯚꯣꯂꯨꯞꯇꯥꯁ꯫ ꯚꯣꯂꯨꯞꯇꯥꯁꯗꯤꯛꯇꯥ ꯏꯀꯦ ꯕꯤꯑꯦꯇꯦ ꯑꯦꯄꯦꯔꯤꯌꯥꯝ ꯎꯠ ꯑꯦꯅꯤꯝ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ, ꯚꯣꯂꯨꯞꯇꯥꯁ ꯀ꯭ꯕꯤꯌꯥ ꯑꯣꯗꯤꯠ ꯐꯨꯒꯤꯠ ꯑꯦꯛꯌꯨꯁꯦꯟꯇꯤꯌꯝ ꯇꯣꯇꯥꯝ ꯇꯣꯇꯥꯝ ꯑꯥꯔꯀꯤꯇꯦꯀꯇꯣ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ ꯁꯤꯠ ꯀ꯭ꯕꯥꯁꯤ ꯐꯨꯒꯤꯠ ꯐꯨꯒꯤꯠ, ꯇꯣꯇꯥꯝ ꯗꯣꯂꯣꯔꯦꯃꯛ ꯎꯟꯗꯦ ꯁꯨꯟꯇ ꯁꯦꯗ ꯗꯤꯛꯇꯥ ꯀ꯭ꯌꯨ ꯑꯦꯛꯌꯨꯁꯦꯟꯇꯤꯌꯝ ꯐꯨꯒꯤꯠ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯅꯦꯃꯣ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯔꯦꯝ ꯀ꯭ꯕꯥꯏ ꯑꯣꯇꯣ ꯚꯦꯔꯤꯇꯥꯇꯤꯁ ꯀ꯭ꯕꯥꯁꯤ ꯀ꯭ꯕꯥꯏ꯫
ꯂꯦꯑꯥꯎꯇꯇꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯗꯅꯥ ꯄꯦꯖ ꯑꯃꯗꯥ ꯁꯕꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯄꯤꯅꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫ ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯁ, ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁꯤ, ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯄ꯭ꯔꯤꯕꯨꯠ , ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯋꯦꯕ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤꯗꯃꯛ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯤꯞꯔꯣꯁꯦꯁꯔ ꯑꯃꯥ ꯑꯣꯏꯔꯤꯕꯥ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯑꯣꯄꯟ-ꯁꯣꯔꯁ ꯄꯦꯛ ꯑꯃꯥ ꯑꯣꯏꯔꯤꯕꯥ ꯄ꯭ꯔꯤꯕꯨꯠꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯃꯈꯤꯕꯅꯤ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯄ꯭ꯔꯤꯕꯨꯠ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯈꯤꯕꯒꯦ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯃꯊꯪꯒꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯂꯦꯁ ꯆꯠꯅꯕꯥ ꯈꯜꯂꯕꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯂꯦꯁ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯅꯦꯁ꯭ꯇꯤꯡ ꯇꯧꯕꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯑꯣꯄꯁꯟ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯧ꯫
- <link rel="ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href="ꯂꯦꯁ/ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" ꯃꯤꯗꯤꯌꯥ="ꯄꯨꯝꯅꯃꯛ" /> rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href = "ꯂꯦꯁ/ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" media = "ꯄꯨꯝꯅꯃꯛ" />
- <script src = "ꯖꯦ.ꯑꯦꯁ./ꯂꯦꯁ-꯱.꯰.꯴꯱.ꯃꯤꯅꯤꯠ.ꯖꯦ.ꯑꯦꯁ" ></script>
.js ꯁꯣꯂꯨꯁꯟ ꯑꯗꯨ ꯐꯥꯑꯣꯗ꯭ꯔꯤꯕꯔꯥ? ꯅꯍꯥꯛꯀꯤ ꯀꯣꯗ ꯑꯗꯨ ꯗꯤꯞꯂꯣꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ ꯂꯦꯁ ꯃꯦꯛ ꯑꯦꯞ ꯑꯗꯨ ꯍꯣꯠꯅꯧ ꯅꯠꯠꯔꯒꯥ Node.js ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯇ꯭ꯕꯤꯇꯔ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯑꯁꯤꯒꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯋꯥꯐꯝ ꯈꯔꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ꯫ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯈꯪꯅꯕꯒꯤꯗꯃꯛ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯋꯦꯕꯁꯥꯏꯠ ꯅꯠꯠꯔꯒꯥ ꯒꯤꯊꯕ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯄꯦꯖꯗꯥ ꯍꯦꯗ ꯑꯣꯐ ꯇꯧꯕꯤꯌꯨ꯫
ꯂꯦꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ CSS ꯍꯦꯗ-ꯑꯦꯛ ꯐ꯭ꯔꯤ ꯑꯣꯏꯅꯥ ꯊꯝꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯄꯗꯦꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯅꯍꯥꯛꯅꯥ ꯃꯆꯨꯒꯤ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯄꯥꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯗꯨ ꯃꯐꯝ ꯑꯃꯗꯥ ꯑꯄꯗꯦꯠ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯦ꯫
- // ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
- @ꯂꯤꯉ꯭ꯀꯀꯂꯔ : #꯸ꯕꯤ꯵꯹ꯁꯤ꯲;
- @linkColorHover : ꯑꯃꯝꯕꯥ ( @ꯂꯤꯉ꯭ꯀꯀꯂꯔ , ꯱꯰ );
- // ꯒ꯭ꯔꯦꯁ ꯇꯧꯕꯥ꯫
- @ꯕ꯭ꯂꯦꯛ : #꯰꯰꯰;
- @grayDark : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯲꯵ %);
- @gray : ꯂꯥꯏꯠ ꯇꯧꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯵꯰ %);
- @grayLight : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯷꯰ %);
- @grayLighter : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @black , 90 %);
- @ꯍꯣꯌꯥꯏꯠ : #fff;
- // ꯑꯦꯀꯁꯦꯟꯇ ꯃꯆꯨꯁꯤꯡ꯫
- @ꯕ꯭ꯂꯨ : # ꯰꯸ꯕꯤ꯵ꯑꯦꯐꯕꯤ ;
- @ꯒ꯭ꯔꯤꯟ : #꯴꯶ꯑꯦ꯵꯴꯶ ꯑꯃꯁꯨꯡ ꯑꯦꯟ .
- @ꯂꯥꯜ : # ꯹ꯗꯤ꯲꯶꯱ꯗꯤ ;
- @ꯌꯦꯂꯣ : # ꯑꯦꯐ.ꯑꯦꯐ.ꯁꯤ.꯴꯰ꯗꯤ;
- @ꯑꯣꯔꯦꯟꯖ : #f89406 ꯑꯃꯁꯨꯡ ꯑꯦꯟ .
- @ꯄꯤꯉ꯭ꯛ : # ꯁꯤ꯳꯳꯲꯵ꯑꯦꯐ ;
- @ꯃꯆꯨ ꯃꯆꯨꯒꯤ : # 7a43b6 ;
- // ꯕꯦꯖ ꯂꯥꯏꯟ꯫
- @ ꯕꯦꯖ ꯂꯥꯏꯟ : ꯲꯰px ;
/* ... */
ꯂꯦꯁꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯅꯣꯔꯃꯦꯜ ꯁꯤꯟꯇꯦꯛꯁꯀꯤ ꯃꯊꯛꯇꯥ ꯀꯃꯦꯟꯇ ꯇꯧꯕꯒꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯁꯨ ꯄꯤꯔꯤ꯫
- // ꯃꯁꯤ ꯀꯃꯦꯟꯇ ꯑꯃꯅꯤ꯫
- /* ꯃꯁꯤꯁꯨ ꯀꯃꯦꯟꯇ ꯑꯃꯅꯤ */
ꯃꯤꯛꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤꯗꯃꯛ ꯏꯅꯛꯂꯨꯖ ꯅꯠꯔꯒꯥ ꯄꯥꯔꯁꯤꯑꯦꯜ ꯑꯣꯏ, ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯀꯣꯗꯀꯤ ꯕ꯭ꯂꯣꯛ ꯑꯃꯥ ꯑꯃꯗꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ box-shadow
, ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡ, ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯀꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩꯒꯨꯝꯕꯥ ꯚꯦꯟꯗꯔ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯁꯦꯝꯄꯜ ꯑꯃꯥ ꯄꯤꯔꯤ꯫
- #ꯐꯣꯟꯇ {
- . ꯁꯣꯔꯇꯍꯦꯟꯗ ( @weight : ꯅꯣꯔꯃꯦꯜ , @ ꯁꯥꯏꯖ : 14px , @lineHeight : 20px ) { .
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- . sans - serif ( @weight : ꯅꯣꯔꯃꯦꯜ , @ ꯁꯥꯏꯖ : 14px , @lineHeight : 20px ) {
- font - family : "ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯅ꯭ꯌꯨ" , ꯍꯦꯂꯚꯦꯇꯤꯀꯥ , ꯑꯦꯔꯤꯌꯥꯜ , ꯁꯥꯟꯁ - ꯁꯦꯔꯤꯐ ;
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- . serif ( @weight : ꯅꯣꯔꯃꯦꯜ , @ ꯁꯥꯏꯖ : 14px , @lineHeight : 20px ) { .
- font - family : "ꯖꯔꯖꯤꯌꯥ" , ꯇꯥꯏꯃꯁ ꯅꯤꯎ ꯔꯣꯃꯥꯟ , ꯇꯥꯏꯃꯁ , sans - serif ;
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- . ꯃꯣꯅꯣꯁ꯭ꯄꯦꯁ ( @weight : ꯅꯣꯔꯃꯦꯜ , @ꯁꯥꯏꯖ : 12px , @lineHeight : 20px ) {
- font - family : "ꯃꯣꯅꯥꯀꯣ" , ꯀꯨꯔꯤꯌꯔ ꯑꯅꯧꯕꯥ , ꯃꯣꯅꯣꯁ꯭ꯄꯦꯁ ;
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- } .
- #ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ {
- . ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ( @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ : #꯵꯵꯵, @ꯑꯦꯟꯗꯀꯂꯔ: #꯳꯳꯳) {
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯃꯆꯨ : @endColor ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ : ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ - x ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - khtml - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯥꯏꯅꯥ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯑꯔꯣꯏꯕꯥ ꯃꯊꯛ , ( @startColor ) ꯗꯒꯤ , ( @endColor ) ꯐꯥꯑꯣꯕꯥ ); // ꯀꯅꯛꯌꯨꯏꯔ ꯇꯧꯕꯥ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯃꯣꯖ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯦꯃꯍꯧꯔꯤꯕꯥ , @startColor , @endColor ); // ꯑꯦꯐ.ꯑꯦꯐ.꯳.꯶+ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ms - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯦꯃꯍꯧꯔꯤꯕꯥ , @startColor , @endColor ); // ꯑꯥꯏ.ꯏ.꯱꯰
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯥꯏꯅꯥ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯑꯔꯣꯏꯕꯥ ꯃꯊꯛ , ꯃꯆꯨ - ꯊꯣꯡ ( ꯰ %, @startColor ), ꯃꯆꯨ - ꯊꯣꯡ ( ꯱꯰꯰ %, @endColor )); // ꯁꯥꯐꯥꯔꯤ ꯴+, ꯀ꯭ꯔꯣꯝ ꯲+꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯦꯃꯍꯧꯔꯤꯕꯥ , @startColor , @endColor ); // ꯁꯥꯐꯥꯔꯤ ꯵.꯱+, ꯀ꯭ꯔꯣꯝ ꯱꯰+ ꯂꯩ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯑꯣ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯦꯃꯍꯧꯔꯤꯕꯥ , @startColor , @endColor ); // ꯑꯣꯄꯦꯔꯥ ꯱꯱.꯱꯰ ꯂꯩ꯫
- - ms - filter : %( "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯇꯥꯏꯞ=1)" , @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ , @ꯑꯦꯟꯗꯀꯂꯔ ); // ꯑꯥꯏ.ꯏ.꯸+
- filter : e (%( "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', ꯑꯦꯟꯗꯀꯂꯔꯁ꯭ꯠꯔ='%d', ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯇꯥꯏꯞ=1)" , @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ , @ꯑꯦꯟꯗꯀꯂꯔ )); // ꯑꯥꯏ.ꯏ.꯶ ꯑꯃꯁꯨꯡ ꯑꯥꯏ.ꯏ.꯷
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯦꯃꯍꯧꯔꯤꯕꯥ , @startColor , @endColor ); // ꯂꯦ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯑꯣꯏꯕꯥ꯫
- } .
- . ꯚꯔꯇꯤꯀꯦꯜ ( @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ : #꯵꯵꯵, @ꯑꯦꯟꯗꯀꯂꯔ: #꯳꯳꯳) {
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯃꯆꯨ : @endColor ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ : ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ - x ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - khtml - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯤꯅꯤꯌꯔ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯈꯥ , ( @startColor ) ꯗꯒꯤ , ( @endColor ) ꯐꯥꯑꯣꯕꯥ ); // ꯀꯅꯛꯌꯨꯏꯔ ꯇꯧꯕꯥ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯃꯣꯖ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯦꯐ.ꯑꯦꯐ.꯳.꯶+ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ms - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯥꯏ.ꯏ.꯱꯰
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯥꯏꯅꯥ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯈꯥ , ꯃꯆꯨ - ꯊꯣꯡ ( ꯰ %, @startColor ), ꯃꯆꯨ - ꯊꯣꯡ ( ꯱꯰꯰ %, @endColor )); // ꯁꯥꯐꯥꯔꯤ ꯴+, ꯀ꯭ꯔꯣꯝ ꯲+꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯁꯥꯐꯥꯔꯤ ꯵.꯱+, ꯀ꯭ꯔꯣꯝ ꯱꯰+ ꯂꯩ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯑꯣ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯣꯄꯦꯔꯥ ꯱꯱.꯱꯰ ꯂꯩ꯫
- - ms - filter : %( "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯇꯥꯏꯞ=0)" , @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ , @ꯑꯦꯟꯗꯀꯂꯔ ); // ꯑꯥꯏ.ꯏ.꯸+
- filter : e (%( "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', ꯑꯦꯟꯗꯀꯂꯔꯁ꯭ꯠꯔ='%d', ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯇꯥꯏꯞ=0)" , @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ , @ꯑꯦꯟꯗꯀꯂꯔ )); // ꯑꯥꯏ.ꯏ.꯶ ꯑꯃꯁꯨꯡ ꯑꯥꯏ.ꯏ.꯷
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯑꯗꯨ꯫
- } .
- . ꯗꯤꯔꯦꯛꯁꯅꯒꯤ ( @startColor : #555, @endColor: #333, @deg: 45deg) {
- ...
- } .
- . ꯚꯔꯇꯤꯀꯦꯜ - ꯑꯍꯨꯝ - ꯃꯆꯨ ( @startColor : #00b3ee, @midColor: #7a43b6, @colorStop: 0.5, @endColor: #c3325f) {
- ...
- } .
- } .
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯃꯁꯨꯡ ꯄꯥꯋꯔꯐꯨꯜ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯐꯦꯟꯁꯤ ꯂꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯦꯊꯁ ꯈꯔꯥ ꯄꯥꯡꯊꯣꯀꯄꯤꯌꯨ꯫
- // ꯒ꯭ꯔꯤꯗꯤꯆꯨꯗ꯫
- @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁꯤꯡ : ꯱꯶ ;
- @ ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ : ꯴꯰px ;
- @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ : ꯲꯰px ;
- // ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫
- . ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ {
- ꯄꯥꯀꯆꯥꯎꯕꯥ : @ꯁꯥꯏꯇꯋꯥꯏꯗ ;
- ꯃꯥꯔꯖꯤꯟ : ꯰ ꯑꯣꯇꯣ ;
- . ꯀ꯭ꯂꯤꯌꯥꯔꯐꯤꯛꯁ ();
- } .
- . ꯀꯂꯃꯁꯤꯡ ( @columnSpan : ꯱ ) { .
- ꯗꯤꯁꯞꯂꯦ : ꯏꯅꯂꯥꯏꯟ ;
- float : ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ;
- width : ( @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ * @ꯀꯣꯂꯃꯁ꯭ꯄꯦꯟ ) + ( @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ * ( @ ꯀꯣꯂꯃꯁ꯭ꯄꯦꯟ - ꯱ ));
- ꯃꯥꯔꯖꯤꯟ - ꯂꯦꯃꯍꯧꯔꯤꯕꯥ : @gridGutterWidth ;
- &: ꯑꯍꯥꯅꯕꯥ - ꯑꯉꯥꯡ {
- ꯃꯥꯔꯖꯤꯟ - ꯂꯦꯞꯇꯅꯥ : ꯰ ;
- } .
- } .
- . ꯑꯣꯐꯁꯦꯠ ( @columnOffset : ꯱ ) { .
- margin - left : ( @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ * @ꯀꯣꯂꯃꯑꯣꯐꯁꯦꯠ ) + ( @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯤꯗ * ( @ꯀꯣꯂꯃꯑꯣꯐꯁꯦꯠ - ꯱ )) ! ꯃꯔꯨꯑꯣꯏꯕꯥ ;
- } .