您的位置：首页 > Web前端 > HTML5

html5学习历程1

2017-07-23 15:53 120 查看

1.什么是HTML？

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

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

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

2.了解HTML发展历程

  

    版本                                  年份   
    
HTML1991
HTML+1993
HTML2.01995
HTML3.21997
HTML4.011999
XHTML1.02000
HTML52012
XHTML52013
   

3.HTML与XHTML的区别？

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

html：

<b><i>This text is bold and italic[code]</b>
</i>[/code]

Xhtml：

<b><i>This text is bold and italic</i>[code]</b>


这是错误的：
<ul>
<li>Coffee</li>
[code]<li>Tea

<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
<li>Milk</li>
</ul>[/code]

这是正确的：
<ul>
<li>Coffee</li>
[code]<li>
Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>

<li>Milk</li>
</ul>[/code]

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


XHTML 元素必须被关闭

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

这是错误的：
<p>
This is a paragraph
<p>
This is another paragraph[/code]

这是正确的：
<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 [code]/>

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（后期会补充浏览器支持问题）

 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  HTML HTML发展历程 HTML5的学习历程 html与xhtml的区别 html5新增特性
相关文章推荐
新的分享
章节导航