HTML5 基础语法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5 基础语法相关的知识，希望对你有一定的参考价值。
html5 基础语法
HTML 概述
超文本
Web 是一个超文本文件的集合，超文本文件是 Web 的基本组成单元，也被称为网页或 HTML 文档、Web 页等，通常是以 .html 或 .htm 为后缀的文件。Web 页之间通过超文本中的超级链接组织在一起。
什么是 HTML？
HTML(HyperText Markup Language)：超文本标记语言，一种纯文本类型的语言，由浏览器解释执行。使用带有尖括号的"标记"将网页中的内容逐一标识出来。HTML 的主要作用是用来设计网页，HTML 页面上可以套用 VBScript、javascript 编写的程序段。
HTML 基础语法
标记语法
HTML 用于描述功能的符号称为"标记"，比如 <p>、<h1>等。标记在使用时必须使用尖括号括起来，有封闭类型标记，也有非封闭类型标记。
封闭类型标记(也叫双标记)：
<标记>内容</标记> <b>这是一个b标记</b>
封闭类型标记必须成对出现。
非封闭类型标记(也叫空标记或者单标记)。
<标记 /> 或 <标记>
空标记一般用于表示特殊效果，如：
- <br> : 换行
- <hr> : 一条水平线
- <img /> : 显示图片
元素
元素就是标记，元素就是每一对尖括号包围的部分，如 <body></body> 包围的部分就叫做 body 元素。元素就像是小标签，用于标识网页文档的不同部分。元素可以包含文本内容和其他元素，也可以是空的。
元素嵌套
元素之间是可以互相嵌套，但是要注意标记的嵌套顺序。
属性和值
属性用来修饰元素，属性的声明必须位于开始标记里。
<标记 属性声明位置></标记> <标记 属性声明位置/>
一个元素的属性可能不止一个，多个属性之间用空格隔开，第一个属性也要与标记用空格更开。多个属性之间不区分先后顺序。
<标记 属性1 属性2 属性3></标记>
每个属性都有值，属性和属性的值之间用等号连接，属性的值包含在单引号或双引号中。
<p align="center">段落一</p>
其中 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 版本。
<p> This is a <br> paragraph XHTML 元素必须被关闭，空标记也要关闭 <p> This is a <br> paragraph
HTML5
HTML5 的目标就是为了更简洁的 HTML 代码。
<p align="rigth">This is a <br/>paragraph</p> 或者 <p align="rigth">This is a <br>paragraph</p> <input type="text" readonly="readonly" /> 或者 <input type="text" readonly />
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 基础语法的主要内容，如果未能解决你的问题，请参考以下文章