使用HTML制作简单的网页

  作者:bea

这节来教大家使用HTML5制作简单的网页。 首先,我们要声明并创建文档类型,我们不再HTML 4或XHTML 1.0 那样 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional.....声明,我们可以这样写: 看看吧,简单而明显,不区分大小写。它可以更容易向后兼容。至少可以节省你一些打字的时间。 我们现在已经为HTML 5文档定义了类型。到目前为止一切顺利。现在,这们看看HTML5的新标签。在我们浏览

这节来教大家使用HTML5制作简单的网页。

首先,我们要声明并创建文档类型,我们不再HTML 4或XHTML 1.0 那样 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional.....声明,我们可以这样写:

看看吧,简单而明显,不区分大小写。它可以更容易向后兼容。至少可以节省你一些打字的时间。

我们现在已经为HTML 5文档定义了类型。到目前为止一切顺利。现在,这们看看HTML5的新标签。在我们浏览新标签之前,先看看我们平常是怎么写的:



...其他...



CSS3-HTML5之家



首页
关于
联系



标题

...




版权信息





在上面的例子中使用.这是现在很普遍的做法。其目的是双重的,第一,提供了唯一的身份ID,可以具体的应用于网页章节。第二,标识作为一种原始的,伪语义结构。每个网站上的ID名字可能都不相同,这时我们就很难明白那些ID是什么意思了。

标签:

标签就相当于我们平常用定义的一样。如果你的网站上还是这样定义,那我们现在可以用替换它了。

标签:

是导航标签,就像我们平常用:



index
news
...

现在用:



Home
About
Blog


标签:

标签里面可以是一组内容或者专题分组,通常有一个起始标记和结束标记。当然了,该标签也可以嵌套。

标签:

标签里面可以是一节内容。


标签:

标签,不说大家也能明白这个是干什么用的了吧。。也可以有多个,通常都是在网站最底部.

让我们来看看最后的代码:




...stuff...



MySite



Home
About
Contact



MyArticle

...





...




通过HTML代码给大家讲解实例,很简洁、明了。 有用  |  无用

猜你喜欢