ๆญค HTML ๅฟซ้ๅ่ๅคๅฟๅไปฅๅฏ่ฏปๅธๅฑๅๅบไบๅธธ่ง็ HTML ๅ HTML5 ๆ ่ฎฐใ
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML5 Boilerplate</title></head><body><h1>Hello world, hello ๅคๅฟๆธ ๅ!</h1></body></html>
ๆ่ ๅจ jsfiddle
<!-- ่ฟๆฏไปฃ็ ๆณจ้ --><!--ๆ่ ไฝ ๅฏไปฅๆณจ้ๆไธไธชๅคง้็่กใ-->
<p>ๆๆฅ่ชๅฟซ้ๅ่</p><p>ๅไบซๅฟซ้ๅ่ๅคๅฟๅใ</p>
่ฏทๅ้ ๏ผๆฎต่ฝๅ ็ด
<a href="https://github.com/jaywcjlove/reference">Github</a><a href="mailto:jack@abc.com">้ฎ็ฎฑ</a><a href="tel:+123456789">็ต่ฏ</a><a href="sms:+123456789&body=ha%20ha">็ญไฟก</a>
| :- | :- |
|---|---|
href | ่ถ ้พๆฅๆๅ็ URL |
rel | ้พๆฅ URL ็ๅ ณ็ณป |
target | ้พๆฅ็ฎๆ ไฝ็ฝฎ๏ผ_self/_blank/_top/_parent |
่ฏทๅ้ ๏ผ<a> ๅฑๆง
<img loading="lazy"src="https://xxx.png"alt="ๅจๆญคๅคๆ่ฟฐๅพๅ"width="400" height="400">
src (URL/่ทฏๅพ) | ๅฟ ๅกซ๏ผๅพ็ไฝ็ฝฎ | |
alt | ๆ่ฟฐๅพๅ | |
width | ๅพๅๅฎฝๅบฆ | |
height | ๅพๅ้ซๅบฆ | |
loading | ๆต่งๅจๅบ่ฏฅๅฆไฝๅ ่ฝฝ |
่ฏทๅ้ ๏ผๅพๅๅตๅ ฅๅ ็ด
<b>็ฒไฝๆๅญ</b><strong>่ฟๆฎตๆๅญๅพ้่ฆ</strong><i>ๆไฝๆๆฌ</i><em>่ฟๆฎตๆๅญ่ขซๅผบ่ฐ</em><u>ไธๅ็บฟๆๆฌ</u><pre>้ขๆ ผๅผๅๆๆฌ</pre><code>ๆบไปฃ็ </code><del>ๅ ้ค็ๆๅญ</del><mark>็ชๅบๆพ็คบ็ๆๆฌ (HTML5)</mark><ins>ๆๅ ฅ็ๆๆฌ</ins><sup>ไฝฟๆๆฌไธๆ </sup><sub>ไฝฟๆๆฌไธๆ </sub><small>ไฝฟๆๆฌๅๅฐ</small><pre>้ขๆ ผๅผๅๆๆฌ</pre><kbd>Ctrl</kbd><blockquote>ๆๆฌๅๅผ็จ</blockquote>
<h1> ่ฟๆฏๆ ้ข 1 </h1><h2> ่ฟๆฏๆ ้ข 2 </h2><h3> ่ฟๆฏๆ ้ข 3 </h3><h4> ่ฟๆฏๆ ้ข 4 </h4><h5> ่ฟๆฏๆ ้ข 5 </h5><h6> ่ฟๆฏๆ ้ข 6 </h6>
ๆจ็้กต้ขไธๅบ่ฏฅๅชๆไธไธช h1
| :- | :- |
|---|---|
<div></div> | ้กต้ขๅ ๅฎน็ๅๅๆ้จๅ |
<span></span> | ๅ ถไปๅ ๅฎนไธญ็ๆๆฌ้จๅ |
<p></p> | ๆๆฌๆฎต่ฝ |
<br> | ๆข่ก |
<hr> | ๆฐดๅนณๅๅฒ็บฟ |
่ฟไบๆ ็ญพ็จไบๅฐ้กต้ขๅๅไธบๅคไธช้จๅ
<iframeid="inlineFrameExample"title="Inline Frame Example"width="100%"height="200"frameborder="0"src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik"></iframe>
่ฏทๅ้ ๏ผๅ ่ๆกๆถๅ ็ด
<script type="text/javascript">let text = "Hello ๅฟซ้ๅ่";alert(text);</script>
<body>...<script src="app.js"></script></body>
<style type="text/css">h1 {color: purple;}</style>
<head>...<link rel="stylesheet" href="style.css"/></head>
<body><header><nav>...</nav></header><main><h1>ๅฟซ้ๅ่</h1></main><footer><p>ยฉ2023 ๅฟซ้ๅ่</p></footer></body>
<header><nav><ul><li><a href="#">็ผ่พ้กต้ข</a></li><li><a href="#">Twitter</a></li><li><a href="#">Facebook</a></li></ul></nav></header>
| :- | :- |
|---|---|
| article | ็ฌ็ซ็ๅ ๅฎน |
| aside | ๆฌก่ฆๅ ๅฎน |
| audio | ๅตๅ ฅๅฃฐ้ณๆ้ณ้ขๆต |
| bdi | ๅๅ้็ฆปๅ ไปถ |
| canvas | ้่ฟJavaScript็ปๅถๅพๅฝข |
| data | ๆบๅจๅฏ่ฏปๅ ๅฎน |
| datalist | ไธ็ป้ขๅฎไน้้กน |
| details | ๅ ถไปไฟกๆฏ |
| dialog | ๅฏน่ฏๆกๆๅญ็ชๅฃ |
| embed | ๅตๅ ฅๅค้จๅบ็จ็จๅบ |
| figcaption | ๅพๅฝข็ๆ ้ขๆๅพไพ |
| figure | ๆๅพ |
| footer | ้กต่ๆๆไธ้่ฆ็ |
| header | ๅๅคดๆ้่ฆไฟกๆฏ |
| main | ๆไปถ็ไธป่ฆๅ ๅฎน |
| mark | ็ชๅบๆพ็คบ็ๆๆฌ |
| meter | ๅทฒ็ฅ่ๅดๅ ็ๆ ้ๅผ |
| nav | ๅฏผ่ช้พๆฅ็ไธ้จๅ |
| output | ่ฎก็ฎ็็ปๆ |
| picture | ็จไบๅคไธชๅพๅๆบ็ๅฎนๅจ |
| progress | ไปปๅก็ๅฎๆ่ฟๅบฆ |
| rp | ๆไพๅ้ๆฌๅท |
| rt | ๅฎไนๅญ็ฌฆ็ๅ้ณ |
| ruby | ่กจ็คบrubyๆณจ้ |
| section | ไธ็ณปๅ็ธๅ ณๅ ๅฎนไธญ็็ป |
| source | ๅชไฝๅ ็ด ็่ตๆบ |
| summary | ๅ ็ด ็ๆ่ฆ |
| template | ๅฎไนHTML็ๆฎต |
| time | ๆถ้ดๆๆฅๆ |
| track | ๅชไฝๅ ็ด ็ๅญๅนไฟกๆฏ |
| video | ๅตๅ ฅ่ง้ข |
| wbr | ๆข่กๆบไผ |
<video controls="" width="100%"><source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4">ๅพๆฑๆญ๏ผๆจ็ๆต่งๅจไธๆฏๆๅตๅ ฅๅผ่ง้ขใ</video>
<audiocontrolssrc="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">ๆจ็ๆต่งๅจไธๆฏๆ้ณ้ขๅ ็ด ใ</audio>
<ruby>ๆฑ <rp>(</rp><rt>hร n</rt><rp>)</rp>ๅญ <rp>(</rp><rt>zรฌ</rt><rp>)</rp>ๆผ <rp>(</rp><rt>pฤซn</rt><rp>)</rp>้ณ <rp>(</rp><rt>yฤซn</rt><rp>)</rp></ruby>
<ul><li>User <bdi>hrefs</bdi>: 60 points</li><li>User <bdi>jdoe</bdi>: 80 points</li><li>User <bdi>ุฅูุงู</bdi>: 90 points</li></ul>
<progress value="50" max="100"></progress>
<p>ๆ็ฑ<mark>ๅคๅฟๆธ ๅ</mark></p>
ๆ็ฑๅคๅฟๆธ ๅ
<table><thead><tr><td>name</td><td>age</td></tr></thead><tbody><tr><td>Roberta</td><td>39</td></tr><tr><td>Oliver</td><td>25</td></tr></tbody></table>
| ๅฑๆง | ่ฏดๆ |
|---|---|
colspan | ๅๅ ๆ ผๅบ่ทจ่ถ็ๅๆฐ |
headers | ๅๅ ๆ ผไธไธไธชๆๅคไธชๆ ้ขๅๅ ๆ ผ็ธๅ ณ |
rowspan | ๅๅ ๆ ผๅบ่ทจ่ถ็่กๆฐ |
่ฏทๅ้ ๏ผtd#ๅฑๆง
| ๅฑๆง | ่ฏดๆ |
|---|---|
colspan | ๅๅ ๆ ผๅบ่ทจ่ถ็ๅๆฐ |
headers | ๅๅ ๆ ผไธไธไธชๆๅคไธชๆ ้ขๅๅ ๆ ผ็ธๅ ณ |
rowspan | ๅๅ ๆ ผๅบ่ทจ่ถ็่กๆฐ |
abbr | ๅๅ ๆ ผๅ ๅฎน็ๆ่ฟฐ |
| scope | ่กจๅคดๅ ็ด (ๅจ<th>ไธญๅฎไน)ๅ ณ่็ๅๅ ๆ ผ |
่ฏทๅ้ ๏ผth#ๅฑๆง
<ul><li>I'm an item</li><li>I'm another item</li><li>I'm another item</li></ul>
่ฏทๅ้ ๏ผๆ ๅบๅ่กจๅ ็ด
<ol><li>I'm the first item</li><li>I'm the second item</li><li>I'm the third item</li></ol>
่ฏทๅ้ ๏ผๆๅบๅ่กจๅ ็ด
<dl><dt>A Term</dt><dd>Definition of a term</dd><dt>Another Term</dt><dd>Definition of another term</dd></dl>
่ฏทๅ้ ๏ผๆ่ฟฐๅ่กจๅ ็ด
<form method="POST" action="api/login"><label for="mail">้ฎ็ฎฑ: </label><input type="email" id="mail" name="mail"><br/><label for="pw">ๅฏ็ :</label><input type="password" id="pw" name="pw"><br/><input type="submit" value="็ปๅฝ"><br/><input type="checkbox" id="ck" name="ck"><label for="ck">่ฎฐไฝๆ</label></form>
HTML <form> ๅ
็ด ็จไบๆถ้ไฟกๆฏๅนถๅฐๅ
ถๅ้ๅฐๅค้จๆบใ
| ๅฑๆง | ่ฏดๆ |
|---|---|
name | ่ๆฌๅฝขๅผ็ๅ็งฐ |
action | ่กจๅ่ๆฌ็URL |
method | HTTPๆนๆณ๏ผPOST/GET (้ป่ฎค) |
enctype | ไป่ดจ็ฑปๅ๏ผ่ฏทๅ่งenctype |
onsubmit | ๆไบค่กจๅๆถ่ฟ่ก |
onreset | ๅจ็ชไฝ้็ฝฎๆถ่ฟ่ก |
<!-- ๅตๅฅๆ ็ญพ --><label>Click me<input type="text" id="user" name="name"/></label>
<!-- 'for' ๅฑๆง --><label for="user">Click me</label><input id="user" type="text" name="name"/>
forๅจๆ ็ญพไธญๅผ็จ่พๅ
ฅ็idๅฑๆง
<label for="Name">Name:</label><input type="text" name="Name" id="">
่ฏทๅ้ ๏ผHTML่พๅ ฅๆ ่ฎฐ
<textarea rows="2" cols="30" name="address" id="address"></textarea>
Textarea ๆฏไธไธชๅค่กๆๆฌ่พๅ ฅๆงไปถ
<input type="radio" name="gender" id="m"><label for="m">Male</label><input type="radio" name="gender" id="f"><label for="f">Female</label>
ๅ้ๆ้ฎ็จไบ่ฎฉ็จๆทๅช้ๆฉไธไธช
<input type="checkbox" name="s" id="soc"><label for="soc">Soccer</label><input type="checkbox" name="s" id="bas"><label for="bas">Baseball</label>
ๅค้ๆกๅ ่ฎธ็จๆท้ๆฉไธไธชๆๅคไธช
<label for="city">City:</label><select name="city" id="city"><option value="1">Sydney</option><option value="2">Melbourne</option><option value="3">Cromwell</option></select>
้ๆฉๆกๆฏ้้กน็ไธๆๅ่กจ
<fieldset><legend>Your favorite monster</legend><input type="radio" id="kra" name="m"><label for="kraken">Kraken</label><br/><input type="radio" id="sas" name="m"><label for="sas">Sasquatch</label></fieldset>
<label for="b">Choose a browser: </label><input list="list" id="b" name="browser"/><datalist id="list"><option value="Chrome"><option value="Firefox"><option value="Internet Explorer"><option value="Opera"><option value="Safari"><option value="Microsoft Edge"></datalist>
<form action="register.php" method="post"><label for="foo">Name:</label><input type="text" name="name" id="foo"><input type="submit" value="ๆไบค"><input type="reset" value="้็ฝฎ"></form>
ๅฐๆฐๆฎๆไบคๅฐๆๅกๅจ ้็ฝฎไธบ้ป่ฎคๅผ
่พๅ ฅๆ ่ฎฐๆฏไธไธช็ฉบๅ ็ด ๏ผ็จไบๆ ่ฏ่ฆไป็จๆทๅค่ทๅ็็นๅฎ็ฑปๅ็ๅญๆฎตไฟกๆฏใ
<input type="text" name="?" value="?" minlength="6" required />
| :- | :- |
|---|---|
type="โฆ" | ๆญฃๅจ่พๅ ฅ็ๆฐๆฎ็ฑปๅ |
value="โฆ" | ้ป่ฎคๅผ |
name="โฆ" | ็จไบๅจ HTTP ่ฏทๆฑไธญๆ่ฟฐๆญคๆฐๆฎ |
id="โฆ" | ๅ ถไป HTML ๅ ็ด ็ๅฏไธๆ ่ฏ็ฌฆ |
readonly | ๅๆญข็จๆทไฟฎๆน |
disabled | ๅๆญขไปปไฝไบคไบ |
checked | ๅ้ๆๅค้ๆกๆฏๅฆ้ไธญ |
required | ๆฏๅผบๅถๆง็๏ผๅ้ ๅฟ ๅกซ |
placeholder="โฆ" | ๆทปๅ ไธดๆถ๏ผ่ฏทๅ้ ::placeholder |
autocomplete="off" | ็ฆ็จ่ชๅจๅฎๆ |
autocapitalize="none" | ็ฆ็จ่ชๅจๅคงๅ |
inputmode="โฆ" | ๆพ็คบ็นๅฎ้ฎ็๏ผ่ฏทๅ้ inputmode |
list="โฆ" | ๅ ณ่็datalist็id |
maxlength="โฆ" | ๆๅคงๅญ็ฌฆๆฐ |
minlength="โฆ" | ๆๅฐๅญ็ฌฆๆฐ |
min="โฆ" | ่ๅดๅ็ผๅทไธ็ๆๅฐๆฐๅผ |
max="โฆ" | ่ๅดๅ็ผๅทไธ็ๆๅคงๆฐๅผ |
step="โฆ" | ๆฐๅญๅฆไฝๅจ่ๅดๅๆฐๅญไธญ้ๅข |
pattern="โฆ" | ๆๅฎไธไธชๆญฃๅ่กจ่พพๅผ๏ผ่ฏทๅ้ pattern |
autofocus | ้ไธญ็ฒพๅ |
spellcheck | ๆง่กๆผๅๆฃๆฅ |
multiple | ๆฏๅฆๅ ่ฎธๅคไธชๅผ |
accept="" | file ไธญ้่ฆๆไปถ็ฑปๅไธ่ฝฝๆงไปถ |
่ฏทๅ้ ๏ผ<input>ๅ ็ด ็ๅฑๆง
type="checkbox" | |
type="radio" | |
type="file" | |
type="hidden" | |
type="text" | |
type="password" | |
type="image" | |
type="reset" | |
type="button" | |
type="submit" |
type="color" | |
type="date" | |
type="time" | |
type="month" | |
type="datetime-local" | |
type="week" | |
type="email" | |
type="tel" | |
type="url" | |
type="number" | |
type="search" | |
type="range" |
input:focus | ๅฝ้ฎ็่็ฆๆถ |
meta ๆ ่ฎฐๆ่ฟฐ HTML ๆๆกฃไธญ็ๅ ๆฐๆฎใๅฎ่งฃ้ไบๅ ณไบ HTML ็ๅ ถไปๆๆใ
<meta charset="utf-8">
<!-- ๆ ้ข --><title>ยทยทยท</title><meta property="og:title" content="ยทยทยท"><meta name="twitter:title" content="ยทยทยท">
<!-- url --><link rel="canonical" href="https://ยทยทยท"><meta property="og:url" content="https://ยทยทยท"><meta name="twitter:url" content="https://ยทยทยท">
<!-- ๆ่ฟฐ --><meta name="description" content="็ฝ้กตๆ่ฟฐยทยทยท"><meta property="og:description" content="ยทยทยท"><meta name="twitter:description" content="ยทยทยท">
<!-- image --><meta property="og:image" content="https://ยทยทยท"><meta name="twitter:image" content="https://ยทยทยท">
<!-- ua --><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- viewport --><meta name="viewport" content="width=device-width"><meta name="viewport" content="width=1024">
<!-- ้ๅฎๅ --><meta http-equiv="refresh" content="5;url=http://example.com/"><meta name="robots" content="index,follow"><meta name="generator" content="็ฝ็ซ็ๆๅทฅๅ ท"><meta name="csrf-token" content="tokenๅผ">
<meta name="description" content="็ฝ้กตๆ่ฟฐยทยทยท"><meta name="keywords" content="ๅ ณ้ฎ่ฏ1,ๅ ณ้ฎ่ฏ2,ๅ ณ้ฎ่ฏ3"><meta name="author" content="ไฝ่ ๅ">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><link rel="icon" href="favicon.png" type="image/png"><link rel="icon" href="favicon.jpg" type="image/jpeg">
<meta property="og:type" content="website"><meta property="og:locale" content="en_CA"><meta property="og:title" content="HTML cheatsheet"><meta property="og:url" content="https://jaywcjlove.github.io/"><meta property="og:image" content="https://xxx.com/image.jpg"><meta property="og:site_name" content="Name of your website"><meta property="og:description" content="Description of this page">
FacebookใInstagramใPinterestใLinkedIn ็ญไฝฟ็จใ
<meta name="twitter:card" content="summary"><meta name="twitter:site" content="@QuickRef_ME"><meta name="twitter:title" content="HTML cheatsheet"><meta name="twitter:url" content="https://jaywcjlove.github.io/"><meta name="twitter:description" content="Description of this page"><meta name="twitter:image" content="https://xxx.com/image.jpg">
่ฏทๅ้ ๏ผTwitter ๅก็ๆๆกฃ
<meta name="ICBM" content="45.416667,-75.7"><meta name="geo.position" content="45.416667;-75.7"><meta name="geo.region" content="ca-on"><meta name="geo.placename" content="Ottawa">
่ฏทๅ้ ๏ผGeotagging
โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <header> โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <nav> โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <section> โโโญโโโโโโโโโฎโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโโโ<aside> โโ <main> โโโโ โโโญโโโโโโโโโโโโโโโโฎ โญโโโโโโโโโโฎโโโโ โโโ <article> โ โ <aside> โโโโโ โโโ โญโโโโโโโโโโโโฎ โ โ โโโโโ โโโ โ <header> โ โ โ โโโโโ โโโ โฐโโโโโโโโโโโโฏ โ โ โโโโโ โโโ โญโโโโโโโโโโโโฎ โ โ โโโโโ โโโ โ <article> โ โ โ โโโโโ โโโ โฐโโโโโโโโโโโโฏ โ โ โโโโโ โโโ โญโโโโโโโโโโโโฎ โ โ โโโโโ โโโ โ <footer> โ โ โ โโโโโ โโโ โฐโโโโโโโโโโโโฏ โ โ โโโโโ โโโฐโโโโโโโโโโโโโโโโฏ โฐโโโโโโโโโโฏโโโโฐโโโโโโโโโฏโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <footer> โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ
โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <header> โโ โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎ โโ โ <nav> โ โโ โฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <main> โโ โญโโโโโโโโโโโโโโโโโโโฎ โญโโโโโโโโโโโโฎ โโ โ <article> โ โ <aside> โ โโ โ โญโโโโโโโโโโโโฎ โ โ โ โโ โ โ <header> โ โ โ โ โโ โ โฐโโโโโโโโโโโโฏ โ โ โ โโ โ โญโโโโโโโโโโโโฎ โ โ โ โโ โ โ <section> โ โ โ โ โโ โ โฐโโโโโโโโโโโโฏ โ โ โ โโ โ โญโโโโโโโโโโโโฎ โ โ โ โโ โ โ <footer> โ โ โ โ โโ โ โฐโโโโโโโโโโโโฏ โ โ โ โโ โฐโโโโโโโโโโโโโโโโโโโฏ โฐโโโโโโโโโโโโฏ โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏโญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <footer> โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ
โญโโโโโโโโโโโโโโโโโโโฎ โญโโโโโโโโโโโโฎโ <main> โ โ <aside> โโ โญโโโโโโโโโโโโฎ โ โ โโ โ <header> โ โ โ โโ โฐโโโโโโโโโโโโฏ โ โ โโ โญโโโโโโโโโโโโฎ โ โ โโ โ <section> โ โ โ โโ โฐโโโโโโโโโโโโฏ โ โ โโ โญโโโโโโโโโโโโฎ โ โ โโ โ <footer> โ โ โ โโ โฐโโโโโโโโโโโโฏ โ โ โโฐโโโโโโโโโโโโโโโโโโโฏ โฐโโโโโโโโโโโโฏ
โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎโ <header> โโ โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎ โโ โ <section> โ โโ โฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ โโ โญโโโโโโโโโโโโโโโโโโโโฎ โญโโโโโโโโโโฎ โโ โ <nav> โ โ <aside> โ โโ โฐโโโโโโโโโโโโโโโโโโโโฏ โฐโโโโโโโโโโฏ โโ โญโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎ โโ โ <footer> โ โโ โฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ โโฐโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ