如何利用html5 建立个人博客

这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面，而且就算用html 5写出了博客页面，也需要用后台语言来进行程序上的编写，让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面，然后再套个模板，比如wordpress，不过这个需要有些PHP的基础。。

public Person() throws TwoException {

System.out.println("Person Constructor...")

}

public void eat() throws OneException {

System.out.println("Person eat...")

}

public void say() throws TwoException {

System.out.println("Person say...")

}

}

总体把页面一分为二，<header>是包含在<article>里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，<header>部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个<hgroup>元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 <header>元素中。

<header>

<hgroup>

<h1>给个人博客增加色彩元素提升网站用户体验</h1>

<h2>网页的色彩——决定用户是否驻足停留的关键</h2>

</hgroup>

<p class="Byline">design by DanceSmile</p>

</header>

接下来是文章正文部分：

部分代码：

<div class="Content">

<p>第一眼看到杨青个人博客网站的时候，如果你喜欢...</p>

...

</div>

正文当中还有一幅插图，html5新增加了插图这个<figure>语义元素，<figcaption>不是只能包含文本，任何html元素都可以，比如链接、小图标。<figcaption>包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把<img>元素中的alt属性删除：

<figure>

<img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg">

<figcaption>图片来源：腾讯CDC《浅析网页色彩应用》</figcaption>

</figure>

最后在把上面的代码写在<article>里面。

<footer>部分只是一些简单的页脚信息。

---