HTML(2)网页基本结构

一个网页的基本结构至少应该包含以下部分:

1 <head>
2     <title>My First Page</title>
3 </head>
4 <body>
5     This is Body!
6 </body>
7 </html>

一、网页基本结构的说明:

  网页的所有内容都在<html></html>标签之内;
  <head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中;
  <title></title>中设置的是页面的标题,<title>只能放在<head>中;
  <body></body>是页面的主体,一个网页大部分显示的内容都定义在这里。
  这些是一个HTML页面必须有的标记,所有页面都应该至少包含这些部分。但是在实际的开发过程中,很多人都会漏掉一部分标记,由于浏览器容错性强,所以即使有的标记不包,页面含也能正常显示,但是为了更好的标准性、兼容性和可读性,最好还是将HTML标记写完全。
 二、对HTML标记的说明:
  1.HTML文档:
  HTML文档就是描述网页结构的文本文件,它是由HTML标签和纯文本所组成的。由浏览器将服务器上的HTML文档读取出来,并且以网页的形式展现给用户。
  2.HTML文件的后缀名:
  当我们在Visual Studio 或者其他网页编辑工具中创建网页时,HTML文档可以有两种后缀名可供选择,一个是.htm,另一个是.html,我们可以从中任选一个来保存我们的HTML文件。
  

  为什么同一种文件会有两种不同的后缀名呢?其原因就是长久以来形成的习惯,因为在过去的很多软件只允许三个字母的文件后缀,现在则可以使用四个字母的.html作为HTML文件的后缀。
  3.HTML标签:
   HTML 文档和 HTML 元素是通过 HTML 标签进行标记的,HTML文档 = HTML标签 + HTML元素 。
   HTML 标签由开始标签( start tag / opening tag)和结束标签(end tag / closing tag)组成,比如<html></htm>。
   开始标签:又称为开标签,是被括号包围的元素名,如<p>标签就是一个表示段落的开始标签。
   结束标签:又称为闭标签,是被括号包围的斜杠和元素名,如</p>就是一个表示段落的结束标签。  
   某些 HTML 元素没有结束标签,比如 <br />。为了更加标准,对于没有结束标签的标签,最好也要写上反斜杠。
  4.HTML元素
  HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。注意HTML元素和HTML标签的区别,HTML元素包括HTML标签和HTML元素内容。
1 <body>
2 <p>This is my first paragraph.</p>
3 </body>

   <body> 元素定义了 HTML 文档的主体。
  这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。
  元素内容是另一个 HTML 元素(p 元素)。

  5.空的 HTML 元素

  没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

  6.HTML属性

  属性为 HTML 元素提供附加信息。

  HTML属性的特征:  

  a.属性总是以名称/值对的形式出现,比如:name="value"。

  b.属性总是在 HTML 元素的开始标签中规定。

1 <!--链接的地址在 href 属性中指定-->
2 <a href="http://www.w3school.com.cn">This is a link</a>
3 
4 <!--通过align属性指定元素的对齐方式-->
5 <h1 align="center"> 拥有关于对齐方式的附加信息。</h1>
6   
7 <!--通过bgcolor属性指定元素的背景颜色-->
8 <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

  HTML属性书写注意点:第一,使用小写。第二,属性值加双引号。    

  7.HTML标签书写建议

  a.所有标签都加上结束标签,即使是像<br/>这种空元素。虽然<br>这种写法也能够正常显示,但为了提高程序的兼容性,也为了更加标准化,建议每个标签都加上结束标签,这是一个Web开发者所应该具有的好习惯。

  b.推荐使用小写标签,虽然HTML 标签对大小写不敏感,但是万维网联盟(W3C)在 HTML 4 中推荐使用小写标签,而在未来 (X)HTML 版本中强制使用小写。

posted @ 2012-07-24 23:50  YunshiSun  阅读(1701)  评论(0编辑  收藏  举报