参考资料
Html规范进阶
基本规范
<!doctype html>
<html lang="en">
<head>
<!--可以简化：<meta charset="utf-8">-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--定义网页作者：gd.com-->
<meta name="Author" content="gd.com">
<!--网页内容的一组唯一的关键字：5个作用的关键字-->
<meta name="Keywords" content="java开发,前段开发">
<!--反映网页内容的描述标签：小于15个字-->
<meta name="Description" content="150 words">
<!-- 外部通用CSS文件：common.css去除CSS默认样式 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<!-- 外部CSS文件：rel：指示被链接的文档是一个样式表 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<Link rel="shortcut icon" href="浏览器角标图片的地址">
<!-- 外部JS文件 -->
<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
<title>H5的标准格式</title>
</head>
<body>
<h1>H5标准格式</h1>
<p></p>
</body>
</html>
- 一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。
- 一个HTML文件的后缀名是.htm或者是.html。
- HTML元素(HTML Element)用来标记（tag）文本，表示文本的内容。比如body, p, title就是HTML元素。
- HTML元素可以拥有属性,属性可以扩展HTML元素的能力。
- 相对路径和绝对路径。反斜杠“\”是电脑出现了之后为了表示程序设计里的特殊含义才发明的专用标点。就是说，除了程序设计领域外，任何地方你都不应该有使用反斜杠的时候，请永远使用正斜杠“/”。
- HTML的特殊字符。
- Table表格的创建。
- Form表单的创建。
- 列表的创建。（排序列表<ol><li>、不排序列表<ul><li>、定义列表<dl><dt>）
- 习惯规范。
标签名和属性名称尽量小写 （属性值具有语义化）
HTML标签必须成对出现。（单标签除外）
属性值必须用引号括起来。（注意单引号和双引号应用场合）
标签必须正确嵌套。
内容、样式、功能分离出来。 - 单引号&双引号
双引号中可以嵌套单引号，但是不能嵌套双引号。
常用布局
div-ul(ol)-li ：常用于分类导航或菜单等。
div-dl-dt-dd ：常用于图文混编的场合。
table-tr-td ：常用于图文布局或显示数据。
form-table-tr-td：常用于布局表单。
网友评论