HTML5基础知识

一.HTML5的骨架

<!DOCTYPE html>   <!--文档类型声明-->
<html long="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewpoint" content="   ">
        <title>Document</title>
    </head>
    <body>
    </body>
</html>

注：

HTML文件的第一行必须是文档类型声明
字符集：<meta charset="UTF-8">

字符集	涵盖字符	1个汉字字节数
UTF-8	全球所有文字和大量图形字符	3
gb2312	所有汉字字符，英语，少量韩文、日语，少量图形字符	2

title用于设置网页标题，文字会显示在浏览器的标签栏
使用meta标签设置网页关键词和描述，name属性用来设置meta的具体功能
二.基础标签
1.h系列标签（成对出现）
h系列标签表示“标题”语义，共有6级标题，从h1到h6。其中，<h1></h1>标签最为重要，一般放置一个。
2.<p></p>标签（段落标签）
任何段落都要放到<p></p>标签里，且<p></p>中不能嵌套h系列标签和其他p标签。
3.div标签（分割）
通常与css结合使用，实现网页布局。

区域	类名
页头	header
logo	logo
导航条	nav
横幅	banner
内容区域	content
页脚	footer

三.HTML5的特性

1.空白折叠现象：文字和文字之间的多个空格，换行会折叠成一个空格
2.转义字符

转义字符	意义
`<`	小于
`>`	大于
` `	空格
`©`	版权符号

3.HTNL注释

四.列表标签

1.无序列表<ul></ul>
（1）使用<ul></ul>标签，每个列表项都是<li></li>标签；
（2）<ul></ul>标签的子标签只能是<li></li>标签；
（3）<li></li>标签不能单独使用，<li></li>标签可比作一个容器，内部可放任意标签。
2.有序列表<ol></ol>
(1)与无序列表一样，每个列表项都是<li></li>标签，且子标签只能是<li></li>标签。
(2)可设置type属性来设置编号类型

值	意义
a	小写英文字母编号
A	大写英文字母编号
i	小写罗马数字编号
I	大写罗马数字编号
1	数字编号（默认）

（3）<ol></ol>标签的start属性
指定列表编号起始值，其属性值必须是阿拉伯数字
（4）<ol></ol>标签的reversed属性
指定列表中的条目是否是倒序排序
3.定义列表<dl></dl>(逐条给出定义描述的列表）

<dl>
    <dt>泉州</dt>
    <dd>海上丝绸之路的起点</dd>
</dl>

其中，<dd></dd>标签内容是对<dt></dt>标签内容的解释说明。

五.总结

学习HTML5课程，从什么也不了解到现在的部分掌握，还是比较满意，在写标签对的时候，一定要写全。希望学习完这门课程和CSS后，可以独立完成一个网页。

HTML5基础知识