最新HTML5基础语法分享

最新HTML5基础语法分享
  超文本
 
  Web 是一个超文本文件的集合,超文本文件是 Web 的基本组成单元,也被称为网页或 HTML 文档、Web 页等,通常是以 .html 或 .htm 为后缀的文件。Web 页之间通过超文本中的超级链接组织在一起。
 
  什么是 HTML?
 
  HTML(HyperText Markup Language):超文本标记语言,一种纯文本类型的语言,由浏览器解释执行。使用带有尖括号的"标记"将网页中的内容逐一标识出来。HTML 的主要作用是用来设计网页,HTML 页面上可以套用 VBScript、JavaScript 编写的程序段。
 
  标记语法
 
  HTML 用于描述功能的符号称为"标记",比如 <p>、<h1>等。标记在使用时必须使用尖括号括起来,有封闭类型标记,也有非封闭类型标记。
 
  封闭类型标记(也叫双标记):
 
  封闭类型标记必须成对出现。
 
  非封闭类型标记(也叫空标记或者单标记)。
 
  空标记一般用于表示特殊效果,如:
 
  <br> : 换行
 
  <hr> : 一条水平线
 
  <img /> : 显示图片
 
  元素
 
  元素就是标记,元素就是每一对尖括号包围的部分,如 <body></body> 包围的部分就叫做 body 元素。元素就像是小标签,用于标识网页文档的不同部分。元素可以包含文本内容和其他元素,也可以是空的。
 
  元素嵌套
 
  元素之间是可以互相嵌套,但是要注意标记的嵌套顺序。
 
  属性和值
 
  属性用来修饰元素,属性的声明必须位于开始标记里。
 
  一个元素的属性可能不止一个,多个属性之间用空格隔开,第一个属性也要与标记用空格更开。多个属性之间不区分先后顺序。
 
  每个属性都有值,属性和属性的值之间用等号连接,属性的值包含在单引号或双引号中。
 
  其中 align 是属性名称,center 是属性值。
 
  标准属性
 
  每个元素都有自己所特有的属性,有些属性是绝大多数元素都支持的属性,称为标准属性或者通用属性。
 
  id :定义元素在页面中的唯一标识
 
  title : 鼠标移入到当前元素时,所提示的文本
 
  class :引用的样式的类名称
 
  style :定义行内样式
 
  注释
 
  为代码添加适当的注释是一种良好的编码习惯,注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示,添加注释的语法如下:
 
  注意:
 
  "<!--" 和 "-->" 之间的任何内容都不会显示在浏览器中
 
  注释不可以嵌套在其他注释中
 
  注释不可以位与 <> 中
 
  HTML 和 XHTML
 
  1999年12月24日,W3C 推荐标准 HTML 4.01,XHTML 于 2000 年的1月26日成为 W3C 标准。
 
  XHTML 与 HTML 4.01 几乎相同,只不过 XHTML 是更严格的 HTML 版本。
 
  HTML5
 
  HTML5 的目标就是为了更简洁的 HTML 代码。
 
  HTML5 不再严格要求代码格式并保证兼容性。
 
  HTML 文档的结构
 
  HTML 文档主要包含文档类型声明和 html 页面。
 
  文档类型声明
 
  在文档的起始用 DOCTYPE 声明指定版本和风格,让浏览器清楚文档的版本、类型和风格。
 
  Strict DTD
 
  Transitional DTD
 
  Frameset DTD
 
  HTML5
 
  <!DOCTYPE HTML>
 
  <html> 元素
 
  整个文档的包含元素,位于 DOCTYPE 的文档类型声明之后。<html> 元素有两个子元素,<head> 页面的头部内容、<body> 页面的主体内容。
 
  <head> 元素
 
  <head> 元素用于为页面定义全局信息,它是所有其他头元素的容器,位于起始标签 <html> 之后。可包含 title、meta、script、style、link 等。
 
  文档头部内容 - <title>
 
  标题元素 <title> </title> 用于为文档定义标题,标题元素有如下特点:
 
  标题元素的内容出现在浏览器顶部
 
  没有属性
 
  必须出现在 <head> 元素中
 
  一个文档只能有一个标题元素
 
  文档头部内容 - <meta>
 
  元数据元素 <meta> 用于定义网页的基本信息,是一个空标记,常用属性有:content、http-equiv。
 
  <body> 元素
 
  <body> 元素出现在 <head> 元素之后,包含网页要显示给读者的内容,称为主体内容。可以包含除了 html、head 外的所有元素。
 
  HTML5 基础语法

推荐阅读