- doctype 用
html
,这样大部分浏览器是激活的标准模式
- 标签都用小写
html
标签上要通过lang
指定页面语言(中文、英文等)
- 在
head
标签中用meta
指定页面的编码charset
- 把外联 CSS 在
head
标签中引入
- 把外联 JavaScript 在
body
标签最底部引入
- 自定义 HTML 属性用
data-*
的形式
- 在浏览器不能使用 JavaScript 时通过
noscript
标签进行提示
- 事件通过 JavaScript 来进行绑定并处理,不要写在 HTML 标签属性上
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Spec of HTML</title>
<link rel="stylesheet" href="./sample.css">
</head>
<body>
<noscript>You had forbidden script. Please enable it.</noscript>
<a id="t_a" data-self-attr="hello">Self-defined attribute</a>
<script src="./sample.js"></script>
<script>
<!--
document.getElementById( "t_a" ).addEventListener( "click", function() {
// your code
}, false);
//-->
</script>
</body>
</html>