HTML理论练习题(一)

题目合集

1.以下选项中，哪些是html5 input的新属性（）

file

search

number

reset

tel

2.关于label元素，以下说法正确的有（）

label元素可以使用for属性关联表单控件，也可以将表单控件放置在它的内部

当使用for属性来关联label元素和表单控件时，label元素的for属性要和表单控件的ID一致

如果label元素内嵌套一个a链接，则点击该a链接不会触发页面跳转

一般会在 label 元素内部放置可交互的元素，比如 anchors 或 buttons

3.当表单中包含文件上传控件时，需要将enctype设置为（）

application/x-www-form-urlencoded

multipart/form-data

text/explain

file-data

4.关于XML和JSON区别的描述正确的是（）

JSON相对于XML来讲，数据的体积小，传递的速度更快些

JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互

JSON对数据的描述性比XML较好

JSON的速度一般要快于XML

用到的知识点

1.input的type属性哪些值是新值

colorNew	定义拾色器。
dateNew	定义 date 控件（包括年、月、日，不包括时间）。
datetimeNew	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-localNew	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
emailNew	定义用于 e-mail 地址的字段。

monthNew	定义 month 和 year 控件（不带时区）。
numberNew	定义用于输入数字的字段。

rangeNew

定义用于精确值不重要的输入数字的控件（比如 slider 控件）。

searchNew

定义用于输入搜索字符串的文本字段。

telNew

定义用于输入电话号码的字段。

timeNew	定义用于输入时间的控件（不带时区）。
urlNew	定义用于输入 URL 的字段。
weekNew	定义 week 和 year 控件（不带时区）。

2.不要在 label 元素内部放置可交互的元素，比如 anchors 或 buttons。这样做会让用户更难激活/触发与 label 相关联的表单输入元素。

3.enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

属性值

application/x-www-form-urlencoded 
在发送前编码所有字符（默认） 

multipart/form-data 
不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。

text/plain 
空格转换为 "+" 加号，但不对特殊字符编码。

4.JSON 和 XML 优缺点的比较 （1）【XML】的优缺点 优点： （1）格式统一，符合标准； （2）容易与其他系统进行远程交互，数据传输比较方便。 缺点： （1）XML文件庞大，文件格式复杂，传输占带宽； （2）服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护； （3）客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码； （4）服务器端和客户端解析XML花费较多的资源和时间。 那么除了XML格式，还有一种叫JSON （2）【JSON】的优缺点 优点： （1）数据格式比较简单，易于读写，格式都是压缩的，占用带宽小； （2）易于解析，客户端JavaScript可以简单的通过eval_r()进行JSON数据的读取； （3）支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析； （4）在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取； （5）因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。 缺点： （1） 没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性； （2）JSON格式目前在Web Service中推广还属于初级阶段