本文详细介绍了HTML5与CSS3的基础知识，包括文档结构、元素与属性、分级标题、页面区域划分等内容，并提供了实践建议。
首先推荐一下书，《HTML5与CSS3基础教程》，作者Elizabeth Castro等。写的好，翻译的好，目前来看挺适合我这种新手的。缺点是没有针对性的练习题。
所以呢，我把第二章的学习要点在这自说自话地过一遍。
说一下元素和属性。元素是html5文档的主要组成部分。属性是元素的属性，属性对显示的内容没什么影响，但能给予元素更为清晰的语义。
HTML文档的基本部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
先说一下这里面的：
<!DOCTYPE html>告诉浏览器这是一个html页面。
<html>表示开始文档的实际html部分。
<head>与<body>是网页的两个实际组成成分：
<head>通常要指明页面标题，其中的<meta charset="utf-8">表示了本html文档的字符编码形式。
<title>为页面标题，就是我们打开的标签名字，页面标题还会出现在历史记录以及书签中。标题应该是简短的、描述性的、唯一的。
<body>页面的主体，就是我们在网页中看到的所有内容。即访问者能看见的内容。
属性lang=语言类型，这个元素里的内容是什么语言，如果你在搜索引擎里搜中文，那么lang="en"的元素内容就不会出现在搜索结果里。
<h1>到<h6>的分级标题。h2是h1的子标题，以此类推，相互之间可以嵌套。表面了页面内容的层级关系，相当与页面内容的大纲，可以用来组织结构。
<header>，首先与<head>元素区分开来，其最常见的形式是整个页面的页眉，即包括网站标识，主导航，全站链接乃至搜索框。页面级的页眉通常加上role="banner"属性。它也很适合对页面深处的介绍性或者导航性的内容进行标记。
<nav role="navigation">上面提到导航。一般重要的链接，例如网站全局导航，应该标记为<nav>元素。注意到这里nav元素带了一个属性，该属性一般与nav元素相对应，俩一块出现。
<article>可以是一篇帖子，文章，博客条目，评论，甚至是一个交互式的小部件或小工具，类似任意独立的内容项。
<section>文档或应用的一个一般性区块。它的标志性特征市具有相似主题的一组内容。与article相比其组织性和结构性更强。
<aside>内容与主体的相关性不那么强，但可以独立存在。比如重要引述、侧栏、指向相关文章的一组链接、广告、相关产品列表等等。
<footer>和footer类似，最常见的应用是页脚（版权声明，指向隐私政策页面的链接），
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
