1.HTML5的基本结构和语法规则
HTML5文档的基本结构如下:
<!DOCYYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>文档标题</title>
</head>
<body>
文档正文部分
</body>
</html>
HTML文档可分为文档头(head)和文档体(body)两部分。文档头的内容包括网页语言,关键字和字符集的定义等;文档体中的内容就是页面要显示的信息。
1.1 </DOCTYPE html>标签
用于向浏览器说明当前文档使用哪种HTML标准规范必须放在每一个HTML文档的最顶部,在所有代码和标签的之前。
1.2<html>...<html>标签
<html>标签位于<!DOCTYPE html>标签之后,称为HTML文档标签,也被称为跟标签,用于告诉浏览器其自身是一个HTML文档
1.3<html lang="zh-CN">
lang属性为文档设置语言,对于简体中文,设置为“zh-CN"
1.4<head>...</head>标签
<head>标签用于定义HTML文档的头部信息,也称为头部标签紧跟在<html>标签之后
1.5<meta charst>标签
<meta charset>指定网页文档中的字符集,称为HTML文档编码,HTML5文档中直接使用meta元素的charset属性指定文档编码,格式如下:
<meta charset=''UTF-8>
对于中文网页的设计者来说,指定代码的字符集为"UTF-8"
1.6<title>....</title>标签
HTML文档的标题显示在浏览器的标题栏中,用于说明文档的用途
其语法格式如下
<title>网页标题<title>
1.7<body>...<body>标签
<body>标签定义HTML文档要显示的内容,也称为主题标签<body>标签内的信息才是最终展示给用户看的。HTML文档主题标签的语法格式如下:
<body>
网页的内容
</body>
2 元素的分类
依据元素的作用不同,可将元素分为元信息元素,语义元素和无语义元素。
2.1 meta元素是元信息元素,在HTML中是一个单标签的空元素。该元素可重复出现在头部元素中用来指明本页的作者,制作工具,所包含的关键字,以及其他一些描述网页的信息。
meta元素的常用属性如下
1)charset:定义文档的字符编码,常用的是UTF-8。
2)content:定义与name和http-equiv相关的元信息
3) name:关联content的名称(常用的有keywords关键字,author作者名,description页面描述)
2.2 语义元素
语义元素是指清楚地向浏览器和开发者描述其意义的元素,如标题元素,段落元素,列表元素等。语义元素分为块级元素,行内元素(内联元素),行内块元素等。
(1) 块级元素(block)
(2)行内元素 (inline)
(3)行内块元素
3 常用的HTML编辑软件
Hbuilder X (体积小 ,启动快,使用上符合中国人的使用习惯,编写HTML比较方便。