html5学习历程1

来源：互联网发布：大数据涂子沛 txt 编辑：程序博客网时间：2024/06/13 08:01

1.什么是HTML？

HTML是用来描述网页的一种语言

HTML 指超文本标记语言（Hyper Text Markup Language）

HTML 不是编程语言，是一种标记语言。

2.了解HTML发展历程

版本年份 HTML1991HTML+1993HTML2.01995HTML3.21997HTML4.011999XHTML1.02000HTML52012XHTML52013

3.HTML与XHTML的区别？

**XHTML 与 HTML 4.01 标准没有太多的不同。

html：

<b><i>This text is bold and italic</b></i>

Xhtml：

<b><i>This text is bold and italic</i></b>

这是错误的：

<ul>  <li>Coffee</li>  <li>Tea    <ul>      <li>Black tea</li>      <li>Green tea</li>    </ul>  <li>Milk</li></ul>

这是正确的：

<ul>  <li>Coffee</li>  <li>Tea    <ul>      <li>Black tea</li>      <li>Green tea</li>    </ul>  </li>  <li>Milk</li></ul>

注意：在正确代码的例子中，我们在 </ul> 之后插入了一个 </li> 标签。

XHTML 元素必须被关闭

非空标签必须使用结束标签。

这是错误的：

<p>This is a paragraph<p>This is another paragraph

这是正确的：

<p>This is a paragraph</p><p>This is another paragraph</p>

空标签也必须被关闭

空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。

这是错误的：

A break: <br>A horizontal rule: <hr>An image: <img src="happy.gif" alt="Happy face">

这是正确的：

A break: <br />A horizontal rule: <hr />An image: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须小写

XHTML 规范定义：标签名和属性对大小写敏感。

这是错误的：

<BODY><P>This is a paragraph</P></BODY>

这是正确的：

<body><p>This is a paragraph</p></body>

XHTML 文档必须拥有一个根元素

所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：

<html><head> ... </head><body> ... </body></html>

***最主要的不同：

XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

3.学习HTML5应具备的知识

HTML

XHTML

CSS

CSS3

javascript

jQuery

HTML5

4.HTML新特性

1.用于绘画的canvas标签

2.用于媒体回放的video和audio元素

3.对本地离线储存的更好支持

4.新的语义化标签：

article，footer，header，nav，section

5.新的表单控件

calender，date，time，email，url，search

6.浏览器的支持

safari，chrome，firefox以及opera包括IE9基本支持了HTML5（后期会补充浏览器支持问题）

阅读全文

0 0