HTML基本架构

HTML骨架示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

    <head>
            <title>HTML文件标题</title>
        HTML头信息
      </head>

      <body>
            HTML内容信息
      </body>

</html>

说明
  • HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型(文档类型是为了说明这个页面使用了何种HTML规则，或者结构，这个在将来的教程中会详细介绍)
  • <html>和</html>是HTML文档的开始与结束,也是HTML文档的根元素
  • 除了文档类型外的所有页面内容，都包括在html元素
  • HTML文件中主要分为头信息head与内容信息body

文档head信息

  • 头信息head可以容纳文档的HTML相关信息,比如标题title，页面的语言与文字类型，css样式，javascript代码，简短描述，关键词等内容，是用户无法直接看到的

文档body信息

  • 内容信息body包括用户可以看到的全部内容，比如段落，链接，表格等
  • 同学们还要注意一点,编写代码时一定要有层次感,head标签和body标签都是在html标签中的,所以我向后挫了一个tab键的距离,而HTML头信息又比head标签后挫了一个tab键的距离

上面就是html最基本的架构，而我们将来要学习的内容多数在body元素中，还有一少部分在head元素中

1.HTML的html标签

html 标签 -- 代表HTML文档的开始
  • html标签是成对出现的,以<html>开始, </html>结束
  • 属性
    • Commom -- 一般属性
    • xml:lang -- 国际化属性
    • xmlns -- 代表xml命名空间
    • dir-- 定义元素(文字)的对齐方式

示例

<html xmlns="http://www.cnblogs.com/JSWBK" xml:lang="zh-CN" dir="ltr">

说明

2.HTML的head标签

head 标签 -- 代表HTML文档的头信息
  • head标签是成对出现的,以<head>开始,</head>结束
  • 属性
    • Common -- 一般属性

说明

  • 头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.
  • head元素包含的标签:

 3.HTML的title标签

title标签 -- 代表HTML文档的标题

  • title标签是成对出现的,以<title>开始,</title>结束
  • 属性
    • Common-- 一般属性

示例

<head>
        <title>XHTML title 标签事例</title>
</head>

说明

  • 此标签只能在head标签内出现
  • title的内容通常在浏览器的标题栏中显示
  • 浏览器中收藏夹内书签的名称是title的内容
  • title的内容可以方便搜索引擎索引页面
  • 从搜索引擎搜索到的内容的标题往往是网页title的内容
  • title通常体现了网页的主体内容,所以记得一定要加上:)

使用技巧

比如"后台管理"这个页面,title内容的写法通常是"博客园后台管理 -- 博客园"

比如网站的"首页",title内容的写法通常是"首页 -- 介绍网站建设知识(HTML教程,CSS教程)"

 

posted @ 2016-06-20 10:25  逝意遨游  阅读(294)  评论(0)  编辑  收藏  举报