HTML5学习笔记（二）：HTML基础学习之二

表单

表单用来传递用户数据，多用来与后端进行数据交互。

前端：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Web学习</title>
 6 </head>
 7 <body>
 8     <form action="http://localhost/test.php" method="get">
 9         用户名：
10         <input type="text" name="name"/>
11         <br/>
12         密码：
13         <input type="password" name="password"/>
14         <br/>
15         <input type="submit" value="确定"/>
16     </form>
17 </body>
18 </html>

后端PHP：

1 <?php
2 echo "得到的用户名：".$_GET["name"]."，得到的密码：".$_GET["password"];
3 ?>

前端发送用户名及密码的信息给到后端，后端通过php打印出接收到的信息。

框架

框架标签(frame)

框架主要用来进行页面的设计，需要注意的是该标签在HTML5中已经过时。

框架集标签(frameset)

该标签将一个窗口拆分为多个框架，需要注意的是该标签在HTML5中已经过时。

本质上，框架就是将其它的页面加载到当前页面的技术。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Web学习</title>
 6 </head>
 7 <frameset cols="20%,50%,30%">
 8     <frame src="a.html"></frame>
 9     <frame src="b.html"></frame>
10     <frame src="c.html"></frame>
11 </frameset>
12 </html>

使用框架可以把3个其他的页面放入当前页面中，但是不能带有body标签了。

内联框架(iframe)

iframe在HTML5中仍然进行保留，iframe的功能与frame基本一致，不一样的是，frame元素必须配合frameset进行使用，同时使用了frame则不能使用body元素包含其它的元素，而iframe则可以作为一个独立的元素放置到body中的任意地方。

Iframe 有什么好处，有什么坏处？国内还有哪些知名网站仍用Iframe，为什么？有哪些原来用的现在抛弃了？又是为什么？

html5-iframe的新特性

实体

在HTML中需要显示预留标签时，就需要使用到实体字符串，比如当我们需要显示“<”、“>”和“&”时。

实体大全

XHTML

由于HTML规范对于标签的错误书写持兼容的态度，导致许多错误的HTML标签拼写在浏览器中任然可以正确的执行，比如：

1 <h1><p>Hello</h1></p>
2 <h1><p>Hello
3 <br>

等等，所以后期W3C推出了强制正确拼写的HTML规范，即XHTML，即需要向XML一样正确拼写才能执行的HTML页面，由于推出XHTML规范的时候，互联网上已经有大量的网站使用了不规范的拼写方法，如果使用XHTML规范将导致这些网站都不能正常浏览。而对网站进行拼写检查也会增加成本，所以XHTML规范并没有得到支撑。

HTML4，HTML5，XHTML 之间有什么区别？