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

时间：2022-12-08 04:03:33

表单

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

前端：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Web学习</title>

 </head>

 <body>

     <form action="http://localhost/test.php" method="get">

         用户名：

         <input type="text" name="name"/>

         <br/>

         密码：

         <input type="password" name="password"/>

         <br/>

         <input type="submit" value="确定"/>

     </form>

 </body>

 </html>

后端PHP：

 <?php

 echo "得到的用户名：".$_GET["name"]."，得到的密码：".$_GET["password"];

 ?>

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

框架

框架标签(frame)

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

框架集标签(frameset)

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

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

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Web学习</title>

 </head>

 <frameset cols="20%,50%,30%">

     <frame src="a.html"></frame>

     <frame src="b.html"></frame>

     <frame src="c.html"></frame>

 </frameset>

 </html>

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

内联框架(iframe)

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

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

html5-iframe的新特性

实体

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

实体大全

XHTML

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

 <h1><p>Hello</h1></p>

 <h1><p>Hello

 <br>

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

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

相关文章