HTML5学习笔记-2.HTML基础

1.HTML标记类型

(1)容器标记：成对的开始标记与结束标记 <开始标记>...</结束标记>

(2)单一标记：只有起始标记而没有结束标记 <单一标记>

2.HTML的组成：

<!DOCTYPE html>
<html>
<head>
<title>title</title>
//head
</head>
<body>
//body
</body>
</html>

<head></head>标记：放置网页的相关信息，例如<title> <meta>，这些信息通常不会直接显示在网页上

<title></title>标记：用来说明网页的标题，此标题会显示在浏览器的标题栏中

<body></body>标记：放置网页的内容，直接显示在网页上

3.标记属性：有些标题可以加上属性来改变其在网页上显示的方式，属性直接置于开始标记内，如果超过一个以上的属性，则以空格隔开

例：<html lang="zh-cn">、<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">(meta标记用来描述网页，有利于)

<开始标记属性名称1=设置值1 属性名称2=设置值2 ...>

4.HTML4中可以使用<div>标记制定页面结构id属性名称，HTML5统一了网页架构的标记，用一些容易识别的语义标记来代替

标记	说明
<header>	显示网站名称、主题或者主要信息
<nav>	网站的连接菜单
<aside>	用于侧边栏
<article>	用于定义主内容区
<section>	用于章节或段落
<footer>	位于页脚，用来放置版权声明、作者等信息

例：

<body>
    <header>网站主题</header>
    <nav>连接菜单</nav>
    <article>
        主内容
        <section>
        章节段落
        </section>
    </article>
    <aside>侧边栏</aside>
    <footer>页脚</footer>
</body>

5.标准的HTML文件在文件前段必须使用DOCTYPE声明使用的标准规范

HTML5中的DOCTYPE声明：<!DOCTYPE html>

6.语言与编码类型：

语言声明方式：在<head>与</head>中间加入：<html lang="zh-CN">

网页编码的声明：<meta charset="GB2312">

注：GB2312是简体中文编码，只支持简体中文，UTF-8是国际码，支持多种语言，不容易出现乱码问题

网页编码的声明要与保存文件时的编码格式一致