精华内容
下载资源
问答
  • 之前用到的文件下载,文件名...之前用了各种其他办法都不理想,比如转义什么的。直接上解决办法 在tomcat中server.xml配置里加上URIEncoding="UTF-8" 不要加错了,如下图 然后就解决了,放到服务器上也可以用...

     

      之前用到的文件下载,文件名都是时间戳的形式或者英文名。下载没有问题。后来附件有中文后写在页面是下面效果,点击下载,下载失败。

      对应链接拿出来。是如下效果

    之前用了各种其他办法都不理想,比如转义什么的。直接上解决办法

    在tomcat中server.xml配置里加上 URIEncoding="UTF-8" 不要加错了,如下图

     

     然后就解决了,放到服务器上也可以用

    转载于:https://www.cnblogs.com/minzhousblogs/p/9705461.html

    展开全文
  • web页面开发7

    2020-10-04 17:38:46
    表单元素 <form>...表单的结构METHOD的GET方式和POST方式有什么区别? Post和Get 方法有如下区别: 1、Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示。 2、Post传输的数据量

    表单元素

    在这里插入图片描述

    <form>标签

    说明:<form>元素用于为用户输入创建 HTML 表单。
    能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
    还可以包含menus、textarea、fieldset、legend 和 label 元素。用于向服务器传输数据。
    在这里插入图片描述
    表单的结构METHOD的GET方式和POST方式有什么区别?

    Post和Get 方法有如下区别:

    1、Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示。

    2、Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节

    3、Post顾名思义,就是为了将数据传送到服务器段,Get就是为了从服务器段取得数据.
    而Get之所以也能传送数据,只是用来设计告诉服务器,你到底需要什么样的数据
    Post的信息作为http请求的内容,而Get是在Http头部传输的。

    4、get 方法用Request.QueryString[“strName”]接收
    post 方法用Request.Form[“strName”] 接收
    注意: 虽然两种提交方式可以统一用Request(“strName”)来获取提交数据,但是这样对程序效率有影响,不推荐使用。

    5、 一般来说,尽量避免使用Get方式提交表单,因为有可能会导致安全问题。

    <input>标签

    说明:元素默认情况会出现一个单行文本框,有五个属性.
    举例:<input name="user">

    文本输入字段被设置为当页面加载时获得焦点:

    <input name="user" autofocus>
    

    带有一个禁用输入字段的 HTML 表单:

    <input name="user" disabled>
    

    启用自动完成功能的表单:

    <input name="user" autocomplete="off">
    

    在这里插入图片描述

    <label>标签

    <label> 标签为 input 元素定义标注(标记)。

    label 元素不会向用户呈现任何特殊效果。
    不过,它为鼠标用户改进了可用性。
    如果您在 label 元素内点击文本,就会触发此控件。
    就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

    <label> 标签的 for 属性应当与相关元素的 id 属性相同。

    <p>点击其中一个文本标签选中选项:</p>
    
    <form action="demo_form.php">
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" value="male"><br>
      <label for="female">Female</label>
      <input type="radio" name="sex" id="female" value="female"><br><br>
      <input type="submit" value="提交">
    </form>
    

    在这里插入图片描述
    在这里插入图片描述

    <fieldset>标签

    <fieldset> 标签可以将表单内的相关元素分组。

    <fieldset> 标签会在相关表单元素周围绘制边框。

    <legend> 标签为 <fieldset> 元素定义标题。

    <form>
     <fieldset>
      <legend>Personalia:</legend>
      Name: <input type="text"><br>
      Email: <input type="text"><br>
      Date of birth: <input type="text">
     </fieldset>
    </form>
    

    在这里插入图片描述
    在这里插入图片描述

    <button>标签

    <button> 标签定义一个按钮。

    <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。

    提示:请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    <optgroup> 标签

    <optgroup> 标签经常用于把相关的选项组合在一起。

    如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

    <select>
      <optgroup label="Swedish Cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
      </optgroup>
      <optgroup label="German Cars">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </optgroup>
    </select>
    

    在这里插入图片描述

    <textarea>标签

    <textarea> 标签定义一个多行的文本输入控件。

    文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

    可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。在这里插入图片描述

    <textarea rows="10" cols="30">
    我是一个文本框。
    </textarea>
    
    

    在这里插入图片描述

    展开全文
  • 用了几天的tomcat7,今天突然发现一个问题:新建的动态网页项目居然不包含web.xml。虽然不是什么大问题,但是由于每次整合SSH都要配几个XML,烦了。于是,就想把这个东西让它默认生成。问了度姐,相当不给力,基本没...
    用了几天的tomcat7,今天突然发现一个问题:新建的动态网页项目居然不包含web.xml。虽然不是什么大问题,但是由于每次整合SSH都要配几个XML,烦了。于是,就想把这个东西让它默认生成。问了度姐,相当不给力,基本没找到什么有用的消息。只好自己一次次的尝试,终于搞定了···
    建立项目的时候,无限“next”到最后一个页面,有一个多选框,勾选上,Ok!
    展开全文
  • web页面的性能优化  一、页面级优化 1. 减少 HTTP请求数 每个请求都是有成本的,既包含时间成本也包含资源成本。时间成本就是用户需要看到或者 “感受” 到这个资源是必须要等待这个过程结束的,资源上由于每个...

    为什么要性能优化?

    1、加快页面的展示速度(提高用户的体验性)

    2、节约服务器宽带流量

    3、减少服务器压力

    web页面的性能优化

     一、页面级优化

    1. 减少 HTTP请求数

    每个请求都是有成本的,既包含时间成本也包含资源成本。时间成本就是用户需要看到或者 “感受” 到这个资源是必须要等待这个过程结束的,资源上由于每个请求都需要携带数据,因此每个请求都需要占用带宽。另外,由于浏览器进行并发请求的请求数是有上限的 (具体参见此处 ),因此请求数多了以后,浏览器需要分批进行请求,因此会增加用户的等待时间。

    (1). 从设计实现层面简化页面
      保持页面简洁、减少资源的使用时最直接的

    (2). 合理设置 HTTP缓存
      缓存的力量是强大的,恰当的缓存设置可以大大的减少 HTTP请求。

           怎样才算合理设置 ?原则很简单,能缓存越多越好,能缓存越久越好。

    (3). 资源合并与压缩
      尽可能的将外部的脚本、样式进行合并,多个合为一个。另外, CSS、 Javascript、Image 都可以用相应的工具进行压缩,压缩后往往能省下不少空间。

    (4). CSS Sprites(css精灵)
      合并 CSS图片,减少请求数的又一个好办法。

    2. 将外部脚本置底

    将脚本内容在页面信息内容加载后再加载

    3. 将 CSS放在 HEAD中

    如果将 CSS放在其他地方比如 BODY中,则浏览器有可能还未下载和解析到 CSS就已经开始渲染页面了,这就导致页面由无 CSS状态跳转到 CSS状态,用户体验比较糟糕。除此之外,有些浏览器会在 CSS下载完成后才开始渲染页面,如果 CSS放在靠下的位置则会导致浏览器将渲染时间推迟。


    4. 异步请求 Callback

    将一些行为样式提取出来,慢慢的加载信息的内容
    在某些页面中可能存在这样一种需求,需要使用 script标签来异步的请求数据
     

    5. 减少不必要的 HTTP跳转
      对于以目录形式访问的 HTTP链接,很多人都会忽略链接最后是否带 ’/',假如你的服务器对此是区别对待的话,那么你也需要注意,这其中很可能隐藏了 301跳转,增加了多余请求。

    6. 避免重复的资源请求
      这种情况主要是由于疏忽或页面由多个模块拼接而成,然后每个模块中请求了同样的资源时,会导致资源的重复请求

    7.精简Javascript和CSS

    精简(压缩)就是将Javascript或CSS中的空格和注释全去掉

    8.使用CDN
    或者一些公开库使用第三方提供的静态资源地址(比如jQuery、normalize.css)。一方面增加并发下载量,另一方面能够和其他网站共享缓存。

    SEO

    SEO(Search Engine Optimization):搜索引擎优化。

    通过了解各类搜索引擎 抓取互联网页面、进行索引以及确定其对特定关键词搜索结果排名等技术,来对网页进行相关的优化,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售或宣传的效果。

    前端SEO优化主要从两个方面入手:网站结构布局优化和页面代码优化

    网站结构布局优化

    最主要的要求就是网站结构层次结构要少,最好的是扁平化的网站结构设计。 
    1. 控制首页的链接。网站首页的链接最好在100个以内。 
    2. 网站结构扁平化铺开,最好是三层到底。结构大概是首页-分类页-详细页。 
    3. 导航设置。建议导航多设置几个,导航不止能在头部,也可以在底部,还可以在中间。导航还可以设置成主导航-副导航结构。除了文字导航外还可以设置图片导航,但是图片一定要设置其title和alt属性。
    当然还有分页的问题:选择一个好的分页格式有助于用户的体验。 
    4. 保证网页的加载速度。单页大小最好不要超过100K。 

    页面代码优化

    一、清理垃圾代码

    清理垃圾代码是指删除页面中的冗余代码,可以删除80%的冗余代码。

    垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码。 最常见的垃圾代码,空格 空格字符是网页中最常见的垃圾代码。空格字符最常出现 在代码的开始和结束处,还有就是空行中。 这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。

    二、HTML标签

    1.在制作html页面的时候,进行优化的选择使用的标签。

    2:表格,ur 等容器形式的标签

    在编写html的时候:尽量使一个一个容器独立,如果要嵌套的时候,一定要使其清楚、简介。

    3.图片ait标签

    <img src="图片地址" alt="图片关键字"/> alt一定要写

    4. 合理 target="_blank"

    合理而不频繁使用target="_blank" 是能够在一定程度上位网站带来回旋流量和点击。同时,在细节上使用 target="_blank" ,可以增强网站整体用户体验。


    三、CSS优化

    1.  最利于seo优化的是 引用css文件

    2.   良好的命名习惯 

    代码缩写 CSS代码缩写可以提高你写代码的速度,精简你的代码量。

    3.   利用CSS继承 如果页面中父元素的多个子元素使用相同的样式,那最好把他们相同的样式定义在其父元素上,让它们继承这些CSS样式。这样你可以很好的维护你的代码,并且还可以减少代码量

    4.   使用多重选择器 

    你可以合并多个CSS选择器为一个,如果他们有共同的样式的话。

     5.   适当的代码注释 

    代码注释可以让别人更容易读懂你的代码且合理的组织代码注释,可使得结构更加清晰。

     
    6.    使用外部样式表 

    不单可以更易于维护修改,更重要的是使用外部文件可以提高页面速度,因为CSS文件都能在浏览器中产生缓存。

    7.   避免使用CSS表达式

    四、JS调用 

    引用JS文件,引用外部地址的JS会影响打开网页的速度

     

     



     


     
     

    展开全文
  • web页面之SEO优化

    千次阅读 2019-03-08 22:03:09
    1.什么是SEO? 全称:Search English Optimization,搜索引擎优化 汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是:为网站提供生态式的自我营销解决方案,让其在...
  • 题目来源:南京邮电大学网络攻防训练平台 题目链接:http://4.chinalover.sinaapp.com/web7/ 解题过程:首先,打开题目...其实什么都没有,就是这个超链接背后的页面。 现在,我们点击链接打开这个页面看一看...
  • (1)什么话都不说,意思很简单 就是实现页面的压缩后发送!据说对于篇幅比较长的页面可以提高几百倍哦! (2)注意事项:并不是所有的游览器都支持压缩页面的发送与接收,所以要用代码来检验,如果可以则发送不...
  • Java Web应用定制404错误页面

    千次阅读 2015-04-29 16:42:32
    1.向客户端隐藏服务器信息,服务器提供的默认404错误页面上一般都包含当前应用使用的是什么服务器这样的敏感信息。2.改善用户体验,我们可以提供一个风格和Web界面一致的404页面。对于Java Web应用有一种非常简单的...
  • 用BluePrint进行Web页面设计 一、Blueprint是什么? 根据Blueprint官方描述,“Blueprint是一个旨在缩短您开发时间的CSS框架,它提供了一个易用的网格、合理的排版布局(甚至还包含一个用于打印的样式表),从而...
  • Dynamic web project 动态web 页面中可以包含动态信息,如:JSP页面等。创建动态信息的工程,需要指定Web运行的容器(Tomcat,Jboss等)Static web project 静态web 页面中不能包含动态信息,全部内容都是写死了的,...
  • 什么Web部件?

    千次阅读 2013-06-09 19:54:46
    一个页面可以在一个或多个区域包含多个Web部件。在一些区域是从上到下排列而在另一些区域可能是左右排列。 例如,在一个网站的主页上显示链接列表的内容,你可以使用Web部件展示列表的内容。 SharePoint开发人员...
  • 1.什么是SEO? 全称:Search English Optimization,搜索引擎优化 汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是:为网站提供生态式的自我营销解决方案,让其在...
  • Java Web项目 我们在Eclipse里开了Java Web项目之后,Run As Tomcat或者Apache服务器,本地...每个Java Web工程的目录下面,都有一个名为WEB-INF的目录,里面包含一个配置文件web.xml。Web项目的默认页面就定义在里...
  • <p>I am thinking a way to add navigation bars to all of my webpages, and when I update the file, all pages should also update. I researched on Google for a bit of time, what I found are: <li>...
  • WEB前端是干什么的?

    2021-04-01 17:07:05
    在了解Web前端之前,我们要先了解一下什么是“WEB”。 ... 其实,WEB就是全球互联网系统的统称,再简单点讲,WEB就是...Web前端开发就是创建Web页面,或者APP等前端界面呈现给用户的过程,通过HTML、CSS及JavaScript等
  • 什么web 语义化,有什么好处

    千次阅读 多人点赞 2020-08-25 15:05:22
    web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 css 命名的语义化。 HTML 标签的语义化是指:通过使用包含语义的标签(如 h1-h6)恰当地表示文档结构
  • 首先打开实验场景,发现什么也没有 查看源码,发现upload.php 进入该上传页面 <script language=php>system("find / -name flag*");</script> 将上面的代码写入文本,文本名修改为2.jpg 将2.jpg上传...
  • Web前端学习路线是什么?对于刚刚准备想进入Web前端行业的人来说,可能只知道Web前端开发前景好,薪资高,但是很多人都不知道要从事Web前端要学会哪些技术。那么下面就把Web前端学习路线告诉大家,让更多想进入Web...
  • 什么web语义化?

    2019-12-23 17:11:29
    web语义化是指,通过html标记表示页面包含的信息,包含了HTML标签的语义化和Css命名的语义化。 其中,html标签语义化是指,包含语义的标签恰当的表示文档结构,例如h1-h6 总结起来就是: 正确的标签做正确的事情 ...
  • web语义化是指通过HTML标记表示页面包含的信息,包含了HTML标签的语义化和css命名的语义化。HTML语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 CSS命名的语义化是指:为html标签添加有意义的...
  • web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 CSS 命名的语义化。 HTML 标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 。CSS 命名的语义化是指:为 ...
  • ctf.show web3 php伪协议+文件包含+命令执行 题目的提示: 一开始的页面: 看到这个语句,那就是文件包含了,先试下file:////etc/passwd,有反应 试下有没有flag.txt文件,好像没有这个文件 那现在我们利用php伪协议 ...
  • 一、什么是文件包含漏洞 0,场景 后端的每个页面都要进行身份验证。假若普通人可以访问管理员才能看到的页面 不就造成了越权吗。但是如果每个页面都写一遍验证身份的代码。整个系统会变得 很冗余且难维护。 ...
  • 什么Web Service

    2013-05-04 11:39:00
    Web service 就是一个应用程序,它向外界暴露出一个能够通过Web进行调用的API。...那么你可以建立一个ASP页面,它接受邮政编码作为查询字符串,然后返回一个由逗号隔开的字符串,包含了当前的气温和天气...
  • 文章目录前言一、web移动端是什么?二、如何调试移动web网页1.真机调试:2.chrome浏览器调试:3.移动Web的发展历史三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕,盒子宽度与屏幕一致 100%3.让盒子...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,830
精华内容 732
关键字:

web页面包含什么