Mafaa ya kileta na mafanikio ya kileta ya HTML5
- Picha ya mababu Semantics ya HTML5
- Picha ya mpito Mafaa ya kileta ya HTML
HTML 代码约定
web 开发者常常不确定在 HTML 中使用的代码样式和语法。
在 2000 年至 2010 年之间，许多 web 开发者从 HTML 转换为 XHTML。
通过 XHTML，开发者不得不编写有效的“格式良好的”代码。
HTML5 在代码验证时会更宽松一点。
通过 HTML5，您必须创建属于自己的最佳实践、样式指南和代码约定.
智能且有未来保证
对样式的合乎逻辑的使用，可以令其他人更容易理解和使用您的 HTML。
在未来，诸如 XML 阅读器之类的程序，也许需要阅读您的 HTML。
使用格式良好的“近似 XHTML 的”语法，能够更智能。
Maelezo:Inafaa kuwa nafasi ya uharibifu, na ina uharibifu, na ina uharibifu, na ina uharibifu kwa uharibifu.
Tumia hatua ya andiko kwa ujumbe
Inafaa kuagiza ujumbe wa hatua ya siku ya kwanza waandiko yako zaidi kama kina:
Ikiwa unatokea kwa kina kwa jina za kichwa kikuu, inaweza kutumia:
<!doctype html>
Tumia jina za kichwa kikuu kwa elementi
HTML5 inahofaa kutumia jina za kichwa kikuu kwa elementi.
Tunapendelea kutumia jina za kichwa kikuu kwa elementi:
- Jina zingine za kichwa kikuu na kichwa chikamu hazikizungumza kwa kina
- Wamalipo wakubaliana kutumia kichwa kikuu kwenye jina za malipo (kama kwenye XHTML).
- Kichwa kikuu kilichoweza kuwa kina sana
- Kichwa kikuu kilichoweza kuzungumza kwa uharibifu
Inasikia kwa kina kidogo:
<SECTION> <p>Ini ni ni ya mawili.</p> </SECTION>
Inasikia kwa kina:
<Section> <p>Ini ni ni ya mawili.</p> </SECTION>
Huzungumza vizuri:
<section> <p>Ini ni ni ya mawili.</p>
Kumaliza kila elementi ya HTML
Kwenye HTML5, hivyo hatarangi kumaliza kila elementi (kama <p> elementi).
Tunasema kumaliza kila elementi ya HTML:
看起来不好：
<section> <p>Je ni ya kipenzi ya siku hizi. <p>Je ni ya kipenzi ya siku hizi.
看起来不错：
<section> <p>Ini ni ni ya mawili.</p> <p>Ini ni ni ya mawili.</p>
关闭空的 HTML 元素
在 HTML5 中，关闭空元素是可选的。
允许这样：
也允许这样：
斜杠（/）在 XHTML 和 XML 中是必需的。
如果您期望 XML 软件来访问您的页面，保持这个习惯是个好主意。
使用小写属性名
HTML5 允许大小写混合的属性名。
我们建议使用小写属性名：
- 混合属性名并不好
- 开发者习惯于使用小写属性名（比如在 XHTML 中）
- 小写属性名看情况更纯净
- 小写属性名更易书写
看起来不好：
看起来不错：
属性值加引号
HTML5 允许不加引号的属性值。
我们推荐属性值加引号：
- 如果属性值包含值，则必须使用引号
- 混合样式绝对不好
- 加引号的值更易阅读
这个属性值无效，因为值中包含空格：
这样是有效的：
必需的属性
请始终对图像使用 alt 属性。当图像无法显示时该属性很重要。
请始终定义图像尺寸。这样做会减少闪烁，因为浏览器会在图像加载之前为图像预留空间。
空格和等号
等号两边的空格是合法的：
但是精简空格更易阅读， But space-less is easier to read, and groups entities better together:
避免长代码行
当使用 HTML 编辑器时，通过左右滚动来阅读 HTML 代码很不方便。
Tafadhali tumia kumengenea miringu kwa kusikitika kwa 80 herufi.
Miringu na uharibifu wa ukurasa wa kina
Hapana hatua ya kumengenea miringu kwa sababu yoyote.
Kuweza kurea kwa usafi, tafadhali tumia miringu kwa kumaliza uharibifu wa kina au kikata za kilejani.
Kuweza kurea kwa usafi, tafadhali tumia miringu kumi na nne. Hapana hatua ya kumengenea TAB.
Hapigwa na kumekadiri kwa kumengenea uharibifu wa miringu na uharibifu wa ukurasa wa kina. Hapana hatua ya kumengenea miringu kati ya vipengele vya kudogo na vya kusikitika, na hakuna hatua ya kumengenea miringu kwa kila kiambato:
Hataru:
<body> <h1>Miji Maalum</h1> <h2>Tokyo</h2> <p> Tokyo ni mji mkuu wa Kujapani, kati ya eneo kubwa la Tokyo. Ni eneo kubwa zaidi kwa wakazi katika mji wa Dunia. Ni siku ya serikali ya Kujapani na nyumba ya kikurungu ya kaiseri. na nyumba ya familia ya Kujapani. </p>