zoukankan      html  css  js  c++  java
  • 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 之间有什么区别?

  • 相关阅读:
    rabbitmq系统学习(三)集群架构
    rabbitmq系统学习(二)
    rabbitmq系统学习(一)
    itext实现pdf自动定位合同签订
    itext7知识点研究(PDF编辑)
    itext实现合同尾部签章部分自动添加,定位签名
    ELK实战(Springboot日志输出查找)
    [Wireshark]_002_玩转数据包
    [Wireshark]_001_入门
    [Objective-C] 014_Objective-C 代码规范指南
  • 原文地址:https://www.cnblogs.com/hammerc/p/6367220.html
Copyright © 2011-2022 走看看