HTML基础标签讲解

  首先来了解基础标签,如表所示
 
  这些标签很多都是HTML页面中必不可少的成分,另外,还有几个元信息标签
 
  DOCTYPE、html、head、meta、title、body
 
  <!DOCTYPE>
 
  <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。
 
  <!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。各种不同HTML版本所对应的DOCTYPE声明:
 
  我们在学习过程中,只需要考虑第一种,HTML5这个版本的即可。这个版本的声明及其简单,只需要声明为html即可。
 
  注意:可不止有html一种声明,HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。
 
  这个声明如何使用呢?只需要放在HTML文档的开头即可
 
  用浏览器打开的时候,就会被渲染为HTML页面。
 
  html标签
 
  上面的代码中,可不止出现<!DOCTYPE html>这个声明,还出现了例如<>这样的标签,而这个<>标签,与<!DOCTYPE html>里面的html说的可不是一回事,<!DOCTYPE html>里面的HTML只是DOCTYPE所声明的文档类型为html类型,这是一个类型名称,而非标签。<>是标签,它是有<>这样的括号包裹的,而且是一个双标签,有结束标签</>,所以两者不能混为一谈。
 
  <html> 标签告知浏览器这是一个 HTML 文档。
 
  <html> 标签是 HTML 文档中最外层的元素。
 
  <html> 标签是所有其他 HTML 元素(除了?<!DOCTYPE>?)的容器。
 
  属性值描述manifest
 
  URL定义一个 URL,在这个 URL 上描述了文档的缓存信息。 不支持。只有 XHTML 支持。?规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。
 
  它有两个属性,这两个属性现在还用不到,所以先不介绍。

 
 
  head标签
 
  <head> 元素是所有头部元素的容器。
 
  <head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
 
  以下列出的元素能被用在 <head> 元素内部:
 
  <head> 标签支持?HTML 的全局属性。关于HTML的全局属性,我们在后面章节继续讲解。
 
  meta标签
 
  元数据(Metadata)是数据的数据信息。
 
  <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
 
  META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
 
  元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
 
  注意:<meta> 标签通常位于 <head> 区域内。元数据通常以 名称/值 对出现。如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
 
  如:
 
  在菜鸟教程中,每种属性/属性值都给出了对应的示例和说明,可以参考学习。
 
  base标签
 
  <base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
 
  在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
 
  注意:请把 <base> 标签排在 <head> 元素中第一个元素的位置,这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。
 
  如果使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。
 
  <base> 标签支持?HTML 的全局属性。
 
  title标签
 
  <title> 标签定义文档的标题,在所有 HTML 文档中是必需的。
 
  <title>元素:定义浏览器工具栏中的标题,提供页面被添加到收藏夹时的标题,显示在搜索引擎结果中的页面标题
 
  注意:一个 HTML 文档中不能有一个以上的 <title> 元素。如果遗漏了 <title> 标签,文档作为 HTML 是无效的。
 
  <title> 标签支持?HTML 的全局属性。

 
 
  body标签
 
  <body> 标签定义文档的主体。
 
  <body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
 
  <body> 标签中不仅能够支持HTML 的全局属性,而且有以上属性,虽然在HTML5中已经不支持,但可以作为了解的内容。
 
  <h1> – <h6> 标签
 
  标题标签,一共有6个,从h1到h6
 
  <h1> – <h6> 标签被用来定义 HTML 标题。
 
  <h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。
 
  这里定义了6个标题,各个标题的大小是不一样的,从h1到h6依次减小。
 
  <h1> – <h6> 标签支持?HTML 的全局属性。
 
  p标签
 
  <p> 标签定义段落。
 
  <p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,也可以在样式表中规定。
 
  <p> 标签支持全局属性。
 
  <br> 标签
 
  <br> 标签插入一个简单的换行符。
 
  <br> 标签是一个空标签,意味着它没有结束标签。
 
  注意:在写地址信息或者写诗词时 <br> 标签非常有用。请使用 <br> 标签来输入空行,而不是分割段落。
 
  <br> 标签支持?HTML 的全局属性。
 
  <hr> 标签
 
  <hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
 
  <hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)
 
  <hr> 标签支持?HTML 的全局属性。
 
  <!–…–>?注释标签
 
  <!–…–> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。
 
  可使用注释对代码进行解释,这样做有助于在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。
 
  也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
 
  命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 –> 标签。
 
  <!–…–> 注释标签不支持任何?HTML 的全局属性。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61635.shtml

张贴在2