HTML复习

本文详细介绍了HTML5引入的新元素,如canvas、audio、video等多媒体元素,以及新表单元素如datalist、output等。同时,讨论了被移除的HTML4元素,并提及了textarea的新属性及HTML5支持的图片格式。此外,还提到了input元素的各种类型及其用途。HTML5在本地存储方面也有所进步,如localStorage和IndexDB。
摘要由CSDN通过智能技术生成

HTML5新元素

可查看官方的菜鸟教程或者W3cSchool,这里只是为了自己顺一遍;

  • <canvas>:用于定义图形,比如图表和其他图像,该标签基于javascript的绘图API;

新多媒体元素:

  • <audio>:定义音频;
  • <video>:定义视频;
  • <source>:定义多媒体资源<audio>和<video>;
  • <embed>:定义嵌入的内容,比如插件;
  • <track>:为诸如<audio>或者<video>之类的媒介规定外部文本轨道;

新表单元素:

  • <datalist>:定义选项列表,请与input元素配合使用,来定义input可能的值;
  • <keygen>:规定用于表单的密钥对生成器字段;
  • <output>:定义不同类型的输出,比如脚本的输出;

新的语义和脚本元素:

  • <article>:定义页面独立的内容区域;
  • <aside>:定义页面的侧边栏内容;
  • <bdi>:允许你设置一段文本,使其脱离父元素的文本方向设置;
  • <commond>:定义命令按钮,比如单选,复选框或按钮;
  • <details>:用于描述文档或者文档某个部分的细节;
  • <dialog>: 定义对话框,比如提示框;
  • <summary>:标签包含details元素的标题;
  • <figure>:规定独立的流内容(图像,图表,照片,代码等等);
  • <figcaption>:定义figure元素的标题;
  • <heater>:定义文档的头部区域;
  • <nav>:定义导航连接的部分;
  • <footer>:定义文档的底部区域;
  • <mark>:定义带有记号的文本;
  • <meter>:定义度量衡,仅用于已知最大和最小值得度量;
  • <progress>:定义任何类型的任务的进度;
  • <ruby>:定义ruby注释(中文注音和字符),
  • <rt>:定义字符(中文注音或字符)的解释或者发音;
  • <rp>:在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容;
  • <section>:定义文档中的节或者区段;
  • <time>:定义日期或时间;
  • <wbr>:规定在文本中的何处适合添加换行符;

HTML5中移除的元素

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

多行文本输入控件

textarea控件的属性:
H5中新增的属性

  • autofocus:规定当页面加载时,文本区域自动获取焦点;
  • form: form=“form_id”,规定文本区域所属的一个或多个表单;
  • maxlength: 文本区域允许的最大字符数;
  • placeholder:规定一个简短的提示,描述该文本区域期望得输入值;
  • required:规定文本区域是必填的;
  • wrap:wrap=hard/soft;规定当提交表单时,文本区域中文本怎样换行;

之前版本就已经拥有的属性:

  • cols:规定文本区域中可见的宽度;
  • rows:规定文本区域中可见的高度;
  • disabled:规定文本区域的活性非活性;
  • name:文本区域的名称;
  • readonly:文本区域只读;

HTML中支持的图片格式

HTML中支持的图片格式有:jpg(.jpeg),png,gif和bmp;
.jpg,.png和.gif这三种是比较常见的,图片的体积也比较小;
.bmp这种格式比较少见,这种格式的图片清晰色彩丰富,但是所占内存很大;

input元素的类型

  • button
  • checkbox
  • color
  • date
  • datetime
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week

IndexDB是HTML5的本地存储,把一些数据存储到浏览器(客户端)中,当与网络断开时,可以从浏览器中读取数据,用来做一些离线应用;

Cookie通过在客户端(浏览器)记录信息确定用户身份,最大为4kb;

url参数用的是get请求,从服务器上获取数据,大小不能大于2kb;

session是服务器端使用的一种记录客户端状态的机制;

post是向服务器传送数据,数据量较大;

localStorage是HTML5的本地存储,将数据保存在客户端中(一般是永久的);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值