HTML5学习笔记(二):HTML基础学习之二
表单
表单用来传递用户数据,多用来与后端进行数据交互。
前端:
<!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,为什么?有哪些原来用的现在抛弃了?又是为什么?
实体
在HTML中需要显示预留标签时,就需要使用到实体字符串,比如当我们需要显示“<”、“>”和“&”时。
XHTML
由于HTML规范对于标签的错误书写持兼容的态度,导致许多错误的HTML标签拼写在浏览器中任然可以正确的执行,比如:
<h1><p>Hello</h1></p>
<h1><p>Hello
<br>
等等,所以后期W3C推出了强制正确拼写的HTML规范,即XHTML,即需要向XML一样正确拼写才能执行的HTML页面,由于推出XHTML规范的时候,互联网上已经有大量的网站使用了不规范的拼写方法,如果使用XHTML规范将导致这些网站都不能正常浏览。而对网站进行拼写检查也会增加成本,所以XHTML规范并没有得到支撑。
HTML5学习笔记(二):HTML基础学习之二的更多相关文章
- HTML5移动开发学习笔记之CSS3基础学习
CSS回顾 在学CSS3之前首先巩固下CSS的基础知识. 1.CSS框模型 举例子: #box { width: 70px; margin: 10px; padding: 5px; } 这个代码将出现 ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- 阅读《LEARNING HARD C#学习笔记》知识点总结与摘要二
今天继续分享我的阅读<LEARNING HARD C#学习笔记>知识点总结与摘要二,仍然是基础知识,但可温故而知新. 七.面向对象 三大基本特性: 封装:把客观事物封装成类,并隐藏类的内部 ...
- 卷积神经网络(CNN)学习笔记1:基础入门
卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01 | In Machine Learning | 9 Comments | 14935 Vie ...
- Vue学习笔记-Vue.js-2.X 学习(二)===>组件化开发
===重点重点开始 ========================== (三) 组件化开发 1.创建组件构造器: Vue.extends() 2.注册组件: Vue.component() 3.使用 ...
- 「学习笔记」字符串基础:Hash,KMP与Trie
「学习笔记」字符串基础:Hash,KMP与Trie 点击查看目录 目录 「学习笔记」字符串基础:Hash,KMP与Trie Hash 算法 代码 KMP 算法 前置知识:\(\text{Border} ...
- Java学习笔记:语言基础
Java学习笔记:语言基础 2014-1-31 最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面.同时为学习An ...
- Tensorflow深度学习之十二:基础图像处理之二
Tensorflow深度学习之十二:基础图像处理之二 from:https://blog.csdn.net/davincil/article/details/76598474 首先放出原始图像: ...
- Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习
一 使用环境: windows 7 64位操作系统 二 IDE:VSCode/PyCharm 三 Vue.js官网: https://cn.vuejs.org/ 四 下载安装引用 方式1:直接 ...
- 【神经网络与深度学习】学习笔记:AlexNet&Imagenet学习笔记
学习笔记:AlexNet&Imagenet学习笔记 ImageNet(http://www.image-net.org)是李菲菲组的图像库,和WordNet 可以结合使用 (毕业于Caltec ...
随机推荐
- mingw 构建 mysql-connector-c-6.1.9记录
1.准备工作 首先需要下载mysql-connector-c-6.1.9的源码,然后解压. 然后需要准备编译环境,这里我使用的是msys2(下载地址http://repo.msys2.org/dist ...
- 安装xenapp后,非管理员连接RDP出现桌面当前不可用的解决方法
安装完xenapp后,非管理员帐号就不能远程登录到2008服务器. 修改方法如下:1.启动 Citrix AppCenter展开citrix资源.Xenapp.<场地>.策略,右面的窗格切 ...
- 加了moment.js和中文语言包,那么其它时间控件的中文包就可以不引用
<script src="//cdn.bootcss.com/moment.js/2.13.0/moment.min.js"></script> <s ...
- 集成支付宝钱包支付 iOS SDK 的方法与经验
下载 首先,你要想找到这个SDK,都得费点功夫.现在的SDK改名叫移动支付集成开发包了,下载页面在 这里 (http://t.cn/8ksiklD)的 “请点此下载集成开发包(http://t.cn/ ...
- Android如何实现TCP和UDP传输
TCP和UDP在网络传输中非常重要,在Android开发中同样重要. 首先我们来看一下什么是TCP和UDP. 什么是TCP? TCP:Transmission Control Protocol 传输控 ...
- 一个MVC4 下的验证码用法
先看一个核心验证码类(不用在意实现过程,直接copy就行),下面包含了两种验证码图片(原理一样),代码如下: using System; using System.Collections.Generi ...
- 【Algorithm】快速排序
一. 算法描述 快速排序:快速排序采用分治法进行排序,首先是分割,选取数组中的任意一个元素value(默认选用第一个),将数组划分为两段,前一段小于value,后一段大于value:然后再分别对前半段 ...
- Haproxy TCP数据转发
在实际项目中需要用到haproxy做TCP转发,下面主要针对haproxy的安装及TCP数据转发配置进行说明 一.安装Haproxy (1)编译安装Haproxy mkdir -p /data01/h ...
- openkm安装过程
# java -jar /software/OKMInstaller.jar Running in Linux: 0.9.1-CE (build: 445bef5) Linux distro: rhe ...
- Android插件化与热修复(六)-微信Tinker原理分析
Tinker热修复原理分析 热补丁技术是在用户不需要重新安装应用的情况下实现应用更新,可快速解决一些线上问题.热补丁省去了Android应用发布版本的成本,而且用户端的更新也是无感知的. Tinker ...