HTML5

2023-01-02 0 1,002

JAVA039

配置文档条码

form条码用以表明两个完备的配置文档,在form配置文档当中采用input条码来表述一连串的类型信息;在form中透过action特性来增设配置文档递交的URL(action特性能插入相对路径或相对路径);透过method特性来增设配置文档的递交形式。

Method递交形式有三种,post和get形式

递交形式的差别:

GET递交形式会依附action特性选定的URL,具体来说是可靠性低,其二是提交的文本大小不一受到限制。

POST递交形式不能依附URL,因此递交文本宽度不受到限制且可靠性高。

text:类型信息,可透过name特性增设key值,透过value特性来选定预设值,最终递交资料库是依照value的前述值展开递交。

password:公钥框,可透过name特性来增设key值,透过value特性来选定预设值,最终递交资料库是依照value的前述值展开递交。

radio:P3100框,可透过name特性来增设key值(特别注意:两个P3100框的key值比如说完全一致才会有P3100效用),透过value特性来增设传至资料库中的值,透过checked特性来选定预设被键入的P3100框。

checkbox:下拉,可透过name特性来设置key值,透过value特性来增设传至资料库中的值,透过checked特性来选定预设被键入的下拉。

file:文档优先选择框。hidden:影藏框。

button:一般按键,透过value选定按键上预设显示的值;该按键不具备递交统计数据的机能

submit:递交按键,透过value特性选定按键上预设表明的值;该按键会将配置文档中的大部份统计数据展开递交,递交形式为name(name有向)+value 。

reset:重置按键,透过value特性选定按键上预设表明的值;该按键会将配置文档文章文本恢复正常到稳态。

框架条码 <iframe> <frameset>

框架条码分三种形式的框架条码,<iframe>条码作用相当于在一个页面中嵌套另两个页面,可将复用性高的文本放在框架外,将需要反复变化的部分放在框架中。

特性:

在iframe中透过width和height来增设框架的宽度和高度,可透过name特性来定位两个框架,可透过src特性来选定框架预设打开某个网页的URL。

在超链接条码中透过target特性等于框架name的形式来将页面打开形式指向框架。

frameset

frameset条码是实现了网页的划分操作,采用frameset条码可无需存在body条码。

特性:

具体来说需要对网页展开纵向划分操作,透过rows特性来选定行高,在frameset条码透过frame子条码来分隔三部分,透过src特性来选定预设打开的URL路径,透过name特性来唯一定位两个frame部分,透过cols特性来选定列宽。

div条码

div条码可用以对网页展开模块划分,可透过id特性或者class特性来定位两个盒子;在后续的CSS中可透过样式对该盒子做各种操作。

特性:

透过width和height选定盒子的宽和高,透过font-size调整盒子中字体的大小不一,透过text-align调整盒子中的文本居中,透过background-color来增设背景颜色,透过background-img来增设背景图片。

HTML5中的新增条码

HTML5相对于HTML来说去除了一些不常用条码,增加了语义条码,配置文档中结合了js的采用。

1)HTML的整个发展的历史版本

html1–>html2–>html3–>html4–>html4.1

2)配置文档新增类型信息

在HTML5的配置文档中type特性新增了email、number、range、search、date、week、url,以下类型信息也可透过class特性或id特性来定位两个input条码。

email:邮箱框,该类型会对输入的文本展开简单的校验(判断是否加@或者@后是否有文本)。

number:数字框,文本只能输入数字或者字母e。

range:滑动器。

search:搜索框,搜索框中的文本支持自动清空操作。

date:日期框,该类型信息也支持自动清空操作。week:星期框。

url:网址框,该类型会输入文本展开简单的验证。

配置文档中的新增特性

1)placeholder特性能用以给类型信息增设预设值,与value特性类似但差别在于该预设值表明为灰色。

3)min和max特性用来增设number数字框的最大值和最小值。

4)minlength和maxlength特性可用以为类型信息限制数字的宽度。

HTML5新增的结构条码

1)H5以前的版本,整个HTML文档结构表述不清晰,HTML5中为了解决这个问题,专门添加了:页眉、页脚、导航、文章文本等跟结构相关的结构元素条码;

2)这些条码被用以替代div条码搭建的网页布局,当中可采用header条码表示网页的头部,采用nav条码表示一个导航栏,采用article条码表示文章文本,采用aside条码来表示右边栏,采用footer条码来表示网页的底部。

3)H5中新增的结构条码的作用:有了新的结构性的条码的标准,让HTML文档更加清晰,可阅读性更强,更利于SEO。

HTML5的音频视频条码

1)音频条码 audio

a)audio条码用于将音频引入网页中,透过src特性来选定引入的音频的所处位置,透过control特性来表明播放进度条。

b)在audio条码的文本节点中可输入文本,该文本表示当网页不支持播放格式时所表明的文本。

2)视频条码 video

video条码用于将音频引入网页中,透过src特性来选定引入的视频的所处位置,透过control特性来表明播放进度条,还可透过width和height特性来增设视频的宽高度。

在video条码的文本节点中可输入文本,该文本表示当网页不支持播放格式时所表明的文本。

3)embed条码

embed条码可用以引入音频和视频文档,且引入的音频和视频文档会自动播放,且表明播放进度。

HTML5的其他条码

figure条码

figure条码类似于自表述列表dl,而在figure条码下采用figcaption子条码来作为dd条码。

details条码

detail条码类似于select条码,可实现下拉框效用,在details条码中透过summary子条码来选定主要表明的文本。

ark条码

mark条码可用以实现着重突出的效用。

meter条码

meter条码用以表明两个刻度,透过min和max特性选定刻度的最小值和最大值,透过value特性来增设刻度的预设值,透过low和high特性来自表述刻度的正常范围(低于该范围则表明为黄色)。

process条码

process条码用以表明两个进度条,透过max特性来增设进度条的最大值,透过value特性来选定进度条的预设值。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务