第1章 网页设计基础目录

1.3.1  网页结构语言

•              网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储，供表现语言和行为进行调用。网页结构语言包括XHTML 1.0和HTML 5等两种结构语言。其中，XHTML 1.0为当前被广泛使用的标准，而HTML 5标准则是网页未来将被使用的标准。

  1．XHTML 1.0结构语言

    XHTML语言的特点是严谨和具有严格的结构与书写格式。

   2000-01-26，W3C（World Wide Web Consortium 万维网联盟）

    批准XHTML语言为网页设计的国际标准语言，文档扩展名 htm、html。

    编辑XHTML语言的软件，如，网页设计软件 Dreamweaver，Windows 记事本。

    XHTML文档：尖括号“<>”括住的标签组成，主要包括DTD（Document Type Definition，文档类型声明）、HTML命名空间等两个部分，其结构如下所示。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>网页标题</title>

  </head>

  <body>

  </body>

</html>

  文档类型声明：<!DOC TYPE……dtd">，

  HTML 命名空间：（html根标签）、文档头（head标签）、文档主体（body标签）。

  网页文档媒体标记（meta标签）、标题标记（title标签）、外部描述性文档（style标签）或脚本文档（script标签）

  文档主体：存储显示于网页中的数据。

  XHTML结构语言将网页的结构内容与简单的排版表现功能分离，

  编写的网页文档结构更加规范，体积更小，代码也更加精炼。

  2．HTML5 结构语言

   网页的图形显示与媒体播放，高效、丰富内容和对外部插件（如Flash、ActiveX等）。

HTML 5文档结构如下所示。

<!DOCTYPE HTML>

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>网页标题</title>

  </head>

  <body>

    <header></header>

    <--!版头-->

    <nav></nav>

    <--!导航条-->

    <article>

      <section>

        <figure></figure>

        <--!小节-->

      </section>

      <--!区域模块--> </article>

    <--!主体文章内容-->

    <aside></aside>

    <--!侧栏内容-->

    <footer></footer>

    <--!版尾-->

  </body>

</html>

Web浏览器中模块的作用图示

1.3.2  网页表现语言