HTML基础知识

最新推荐文章于 2024-09-07 21:31:40 发布

苏州-微尘

最新推荐文章于 2024-09-07 21:31:40 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页开发文章标签： html servlet url java

本文链接：https://blog.youkuaiyun.com/wangnan537/article/details/6154736

网页开发专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了表单提交方法POST与GET的区别，并探讨了不同HTML引入CSS的方式。此外，还提供了提高网页访问速度的有效策略，包括使用压缩工具、减少HTTP请求等。最后，对AJAX及其工作流程进行了概述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单提交方法POST/GET的区别

在提交表单的时候，如果不指定Method，则默认为GET请求。"POST"和"GET"两者区别如下：(1)GET请求通过URL请求来传递用户的输入（将提交的数据放置在请求行中的URL之后，两者使用“?”连接，而各个变量之间使用“&”连接），而POST提交的数据则放在消息头后面的实体数据中；(2)GET方式提交的数据最多只能有2k(?)，而POST理论上没有此限制。 (3)通过GET方法提交数据可能会带来安全性的问题，比如一个登陆页面通过GET方法提交数据时，会暴露用户名、密码等信息；而POST提交的数据则是隐式的。(4)GET限制Form表单的数据集的值必须为ASCII字符；而POST支持整个ISO10646字符集。(?)

站在JAVA角度看，在处理GET和POST的时候的不同表现为：(5)通过GET方式来和通过POST方式获取参数用的方法分别为：POST: request.getParameter("") ;GET: request.QueryString("") ; (6)用GET的时候在SERVLET中要用doGet方法，用POST时，则用doPost方法。

在HTML中引入CSS的几种方式

(1) 行内式：在标记的style属性中设定CSS样式

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Text Demo</title>
    </head>
    <body>
        <h1 style=color:white;background-color=blue;>
            This is a line of Text.
        </h1>
    </body>
</html>

(2) 内嵌式：定义内部样式块对象

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Text Demo</title>
        <style type="text/css">
            h1{
                color:white;
                background-color:boue;
            }
        </style>
    </head>
    <body>
        <h1>This is a line of Text.</h1>
        <h1>This is another line of Text.</h1>
    </body>
</html>

(3) 导入式与链接式：链入外部样式表文件

链接式：

<link href="mystyle.css" rel="stylesheet" type="text/css" />

导入式：

<style type="text/css">
    @import"mystyle.css";
</style>

如何提高网页访问速度

(1) 使用压缩工具缩小Javascript和CSS文件
(2) 减少HTTP请求
(3) 缓存图片、CSS和Javascript
(4) 合并CSS引用图片
(5) 只加载<head>部分的基本脚本
(6) 对图像进行压缩
(7) 开启gzip模块

参考：提高网站打开速度的7大秘籍

AJAX

AJAX(Asynchronous JavaScript and XML)是多种技术的综合，包括JavaScript、XHTML、CSS、DOM、XML、XSTL、XMLHttpRequest。其中，使用XHTML和CSS标准化呈现，使用DOM实现动态显示和交互，使用XML和XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步教书读取，使用JavaScript绑定和处理所有数据。

传统的Web应用采用同步交互过程；AJAX采用异步交互过程。

AJAX的应用：
数据校验、按需取数据、读取外部数据……

AJAX的缺陷：
浏览器兼容性不够好、后退功能的失效……

AJAX的工作流程：
对象初始化—>发送请求—>服务器接收—>服务器返回—>客户端接收—>修改客户端页面内容