表单

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

前端:

 <!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 之间有什么区别?

HTML5学习笔记(二):HTML基础学习之二的更多相关文章

  1. HTML5移动开发学习笔记之CSS3基础学习

    CSS回顾 在学CSS3之前首先巩固下CSS的基础知识. 1.CSS框模型 举例子: #box { width: 70px; margin: 10px; padding: 5px; } 这个代码将出现 ...

  2. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  3. 阅读《LEARNING HARD C#学习笔记》知识点总结与摘要二

    今天继续分享我的阅读<LEARNING HARD C#学习笔记>知识点总结与摘要二,仍然是基础知识,但可温故而知新. 七.面向对象 三大基本特性: 封装:把客观事物封装成类,并隐藏类的内部 ...

  4. 卷积神经网络(CNN)学习笔记1:基础入门

    卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01   |   In Machine Learning  |   9 Comments  |   14935  Vie ...

  5. Vue学习笔记-Vue.js-2.X 学习(二)===>组件化开发

    ===重点重点开始 ========================== (三) 组件化开发 1.创建组件构造器: Vue.extends() 2.注册组件: Vue.component() 3.使用 ...

  6. 「学习笔记」字符串基础:Hash,KMP与Trie

    「学习笔记」字符串基础:Hash,KMP与Trie 点击查看目录 目录 「学习笔记」字符串基础:Hash,KMP与Trie Hash 算法 代码 KMP 算法 前置知识:\(\text{Border} ...

  7. Java学习笔记:语言基础

    Java学习笔记:语言基础 2014-1-31   最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面.同时为学习An ...

  8. Tensorflow深度学习之十二:基础图像处理之二

    Tensorflow深度学习之十二:基础图像处理之二 from:https://blog.csdn.net/davincil/article/details/76598474   首先放出原始图像: ...

  9. Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习

    一  使用环境: windows 7 64位操作系统 二  IDE:VSCode/PyCharm 三  Vue.js官网: https://cn.vuejs.org/ 四  下载安装引用 方式1:直接 ...

  10. 【神经网络与深度学习】学习笔记:AlexNet&Imagenet学习笔记

    学习笔记:AlexNet&Imagenet学习笔记 ImageNet(http://www.image-net.org)是李菲菲组的图像库,和WordNet 可以结合使用 (毕业于Caltec ...

随机推荐

  1. Ubuntu 1604配置安装mysql8.0

    安装步骤: 一.通过APT方式安装 说明:此种方式完全参考官方提供的教程https://dev.mysql.com/doc/mysql-apt-repo-quick-guide/en/. 注意:通过A ...

  2. 小米路由Mini刷Breed, 潘多拉和LEDE

    1. 下载breed,地址 http://breed.hackpascal.net/ 2. 下载小米Mini的开发板rom, 地址 http://www1.miwifi.com/miwifi_down ...

  3. Arduino——My-Clock项目 发布时间:2018-12-31

    技术:Arduino.光敏传感器.DHT11.DS1302.OLED显示屏   概述 项目My-Clock是一个环境监测时钟,接入光敏传感器和温湿度传感器监测环境信息,加入DS1302模块用于获取时间 ...

  4. git 不用clone整个远程仓库,只把特定的commit给fetch下来的方案

    一个麻烦点就是,我需要阅读一个大点的开源项目,远程仓库的代码量太庞大了,如果我需要git reset --hard [commit sha1]感兴趣的commit快照,就首先得git clone整个远 ...

  5. Oracle 错误总结及问题解决 ORA

    参考地址 ORA-00001: 违反唯一约束条件 (.)错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常.ORA-00017: 请求会话以设置跟踪事件ORA-00018: 超出最大会话数O ...

  6. 持续集成工具jenkins的使用

    jenkins类似于Hadson,是一款持续集成工具.使用jenkins完成自动化部署的表现为:当开发人员向版本库提交新的代码后,应用服务器上自动部署,用户或测试人员使用的马上就是最新的应用程序.搭建 ...

  7. 【备份】使用mysqldump 实现rename database name(mysql数据库改名称)

    需求:将jxl_credit改名为jxl_test;输入:jxl_credit输出: jxl_test; 实现方式:1).新建jxl_test,2).备份jxl_credit到本地,3).然后将备份数 ...

  8. 树莓派进阶之路 (012) - 树莓派配置文档 config.txt 说明

    原文连接:http://elinux.org/RPi_config.txt 由于树莓派并没有传统意义上的BIOS, 所以现在各种系统配置参数通常被存在”config.txt”这个文本文件中. 树莓派的 ...

  9. CreateThread与_beginthreadex本质区别

    函数功能:创建线程 函数原型: HANDLEWINAPICreateThread( LPSECURITY_ATTRIBUTESlpThreadAttributes, SIZE_TdwStackSize ...

  10. HDU 4006 The kth great number (优先队列)

    The kth great number Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65768/65768 K (Java/Oth ...