首页 > 代码库 > html学习笔记五

html学习笔记五

关于服务端和客户端的校验问题


上述的表格信息填写后发现,即使有些信息不添,依然可以提交

所以针对此问题,我们要在客户端进行数据填写信息的增强型校验(必添单元,必须填写有效信息,否则无法提交)


如果客户端进行来增强性校验,那么服务端,还需要校验吗?

当然,为了安全性,很多网站之所以需要填写验证码注册,就是为了防止暴力注册


如果服务端进行来增强性校验,那么客户端还需要校验吗?

需要,如果只在服务端进行校验,那么用户提交信息后,等待。。。服务端提示数据信息错误,用户又重新注册,等待。。。又错误。。。

所以,要提高用户的感觉,并且减轻服务器的压力,需要在客户端和服务端都要进行增强性校验


html的其他标签


1:

<base>标签:指的是页面中所有的超链接,他们链接的资源的位置以及打开方式

base:

(1).href:属性,指定网页中所有超链接的目录。注意值结尾处必须要用/表示目录,只作用于相对路径的超链接

(2).target:属性,指定打开超链接的方式,如_blank

(如果一个超链接要用新窗口打开100次,如果用target就要指定100次,用base一次即可)

2:

<meta>标签:模拟http消息,(很少用,都用服务端做)

(1).name:属性,网页描述信息,当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索

(2)http-equiv:属性,模拟http协议的消息头

<meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> //刷新,3秒后跳转百度

3.

<link>标签:链接该网页的其他链接资源

(1)rel:属性:描述目标文档与当前文档的关系。

(2)type:属性,文档类型

(3)media:属性,指定目标文档在哪种设备上起作用

 <link rel="stylesheet" type="text/css" media="screen,print" href=http://www.mamicode.com/"1.css"> //链接到css

4.

(1),<merquee>:让内容动起来

direction:属性,left ,right,down,up

behavior:属性,scroll , alternate , slide

<marquee direction="left" behavior="scroll">你好,世界!</marquee> //左右滚动

slide :比较好

5.

<pre>:可以将文本内容按在代码区的样子显示出来(显示网页源代码) 

<pre>

class Demo{

int i;

}

</pre> //原样显示

6:<b>加粗 <i>斜体字 <u>下滑线  <sub>下标  <sup> 上标

 <b>这</b><i>是</i><u>你</u>
 X<sub>2</sub>X<sup>2<sup>


关于HTML和XML的区别:

XHTML是可扩展的超文本标记语言,XHTML的代码结构更加严谨,是基于XML的一种应用

XML是可扩展标记语言

*XML是对数据信息的描述。html是对数据显示的描述

*XML代码规定的更为严格,XML大小写敏感,属性值必须用引号,属性名必须有值,而html可以不具备

*XML规范可以被更多的应用程序所解释,将成为一种通用的数据交换语言

*各个服务器框架一般都将XML作为配置文件

关于两者区别,摘自《Java核心卷二》

为了以后更好的学习XML了,所以书写代码应该注意规范性


HTML标签的分类:

html中的标签每一个都有特殊的含义


标签分为两类:

1.块级标签(元素):标签结束后有换行:div,p ,dl ,table ,title ,ol ,ul

<dl>
            <dt>世界</dt>
            <dd>你好</dd>
 </dl>

2.行内标签(元素):标签后没有换行:font , span,img , input ,select ,a


div没有特殊含义,只为定义区域,可以换行标签: <div>这是div1</div>

span,行内标签,在一行中<span>span1</span>

p,段落标签,前后都有换行<p>段</p>


而布局一般都是用div+css


 

html学习笔记五