html5实际上是html的延续。它实际上是W3C和WHATWG合作的结果。html5有一些新的特性;例如用于绘画的canvas元素,用于媒体播放的video和audio元素,新的表单控件(calendar,date,time,email,url,search等),新的特殊内容元素(article,footer,header,nav,section等)。
毕竟是初学,主要研究了一下html5的一些标签(在我看来用的比较多的一些标签);
1.<a>标签定义超链接,用于从一张页面链接到另一个页面,它最重要的属性是href属性,表示链接的目标。在浏览器中有默认的外观:
1>蓝色表示未被访问 2>紫色表示已被访问 3>红色表示活动链接带有下划线。
如果不适用href属性,则不能使用download,hreflang,media,rel,target以及type属性;
2.<area>标签定义图像映射中的区域(注:图像映射指带有可点击区域的图像) area元素总是嵌套在<map>标签中 alt属性是必须属性
3.<div>标签定义文档中的分区或节(divsion/section),它可以把文档分割成独立的不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果使用id或class来标记<div>
则该标签的作用会变得更加有效。可以对同一个<div>元素应用class或者id属性,但更常见的是之应用其中一种。二者主要差异是class用于元素组(类似的元素或者可以理解为某一类元素),而id英语标识单独的唯一的元素
<div>是一个块级元素,这意味着它的内容会自动的开始一个新行。
尽量使用<div>元素来组合块级元素,这样就可以使用样式对它们进行格式化。
4.<br>标签表示可插入一个简单的换行符。它是一个空标签,没有结束标签(<br></br>这种写法是错误的)。注意:<br>标签只是简单的开始新的一行,而当浏览器遇到<p>标签时,通常会在相邻的段落之间插入一些垂直的距离。
5.<header>标签定义文档的页眉(介绍信息)
6.<footer>标签定义文档活节的页脚,<footer>元素应当包含元素的信息
7.<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
由于 h 元素拥有确切的语义,因此必须慎重地选择恰当的标签层级来构建文档的结构。不要利用标题标签来改变同一行中的字体大小。相反,应当使用层叠样式表定义来达到漂亮的显示效果
8.<html>元素可告知浏览器其自身是一个 HTML 文档。
<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。
9.<img> 元素向网页中嵌入一幅图像。
请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性:src 属性 和 alt 属性。
10.<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
11.<body> 元素定义文档的主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
12.<script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新
毕竟是初学,主要研究了一下html5的一些标签(在我看来用的比较多的一些标签);
1.<a>标签定义超链接,用于从一张页面链接到另一个页面,它最重要的属性是href属性,表示链接的目标。在浏览器中有默认的外观:
1>蓝色表示未被访问 2>紫色表示已被访问 3>红色表示活动链接带有下划线。
如果不适用href属性,则不能使用download,hreflang,media,rel,target以及type属性;
2.<area>标签定义图像映射中的区域(注:图像映射指带有可点击区域的图像) area元素总是嵌套在<map>标签中 alt属性是必须属性
3.<div>标签定义文档中的分区或节(divsion/section),它可以把文档分割成独立的不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果使用id或class来标记<div>
则该标签的作用会变得更加有效。可以对同一个<div>元素应用class或者id属性,但更常见的是之应用其中一种。二者主要差异是class用于元素组(类似的元素或者可以理解为某一类元素),而id英语标识单独的唯一的元素
<div>是一个块级元素,这意味着它的内容会自动的开始一个新行。
尽量使用<div>元素来组合块级元素,这样就可以使用样式对它们进行格式化。
4.<br>标签表示可插入一个简单的换行符。它是一个空标签,没有结束标签(<br></br>这种写法是错误的)。注意:<br>标签只是简单的开始新的一行,而当浏览器遇到<p>标签时,通常会在相邻的段落之间插入一些垂直的距离。
5.<header>标签定义文档的页眉(介绍信息)
6.<footer>标签定义文档活节的页脚,<footer>元素应当包含元素的信息
7.<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
由于 h 元素拥有确切的语义,因此必须慎重地选择恰当的标签层级来构建文档的结构。不要利用标题标签来改变同一行中的字体大小。相反,应当使用层叠样式表定义来达到漂亮的显示效果
8.<html>元素可告知浏览器其自身是一个 HTML 文档。
<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。
9.<img> 元素向网页中嵌入一幅图像。
请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性:src 属性 和 alt 属性。
10.<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
11.<body> 元素定义文档的主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
12.<script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新