≡ 分类 ≡
≡ 推荐 ≡
- PHP 中的时间戳（Timestamp）和JS的区别
- jquery load一个页面时，将所有之前已绑定的事件全部清除
- 解决DPlayer由直播模式切换到点播模式时的bug
- PHP Token 认证机制实现
- PHP PDO预处理条件查询
- JavaScript 默认值设置方法
- Promise 的基本使用方法
- 完整支持TRUNCATE TABLE和其他SQL语句的导入方案
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- PHP之glob函数
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP代码优化及PHP相关问题总结
- ISP如何在网内部署BGP路由协议
- DIY服务器硬盘RAID选用
- 用PHP函数解决SQL injection
- Windows操作系统发展历史二
- Div+CSS：absolute与relative
- 采集cz88.net免费代理的小程序
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
HTML空白汉字占位符
符号
表示
英文半角空格不换行
 
英文半角空格不换行
　
中文全角空格
 
半角空格
 
半角空格
 
全角空格
 
全角空格
 
四分之一全角空格
 
英文半角空格
连续的 ；会在同一行内显示。即使有无数个连续的 ；，浏览器也不会把它们拆成两行。前端开发中，大家可能会遇到这样的问题：标题存在字数不一样的情况。...
HTML上下两排布局，第二排自适应全屏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试页</title>
<style>
/* 1. 强制重置所有默认样式，消除干扰 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 2. 保证根元素高度链完整（关键！） */
html, body {
height: 100vh; /* 视口高度 */
overflow: hidden; /* 防止整体滚动 */
}
.main-body {
font-size:14px;
font-family: '微软雅黑',Tahoma, sans-serif, Helvetica;
_font-family: Tahoma,...
使用 PHP 的 DOM 方法来遍历和获取 HTML 中的 table 元素
方法 1：使用 getElementsByTagName 获取所有 <table>
$html = <<<HTML
<div id="out">
<span id="oddsTable"></span>
<table cellpadding="0" cellspacing="0" border="0" width="900" align="center">第一个表格...</table>
<table cellpadding="0" cellspacing="0" border="0" width="900" align="center">第二个表格...</table>
</div>
HTML;
$dom = new DOMDocument();
libxml_use_internal_errors(true); // 忽略 HTML 解析错误
$dom->loadHTML($html);
libxml_clear_errors();
// 获取所有 ...
PHP 正则匹配不完整 HTML 标签的解决方案
要匹配 <tr...> 标签但缺少闭合标签 </tr> 的情况，有几种解决方案：
方法1：使用正则表达式容忍不完整标签
$pattern = '/<trb[^>]*>(?:(?!</tr>).)*$/is';
preg_match_all($pattern, $html, $matches);
这个正则表达式的含义：
<trb[^>]*> 匹配开始 tr 标签
(?:(?!</tr>).)* 匹配任何不包含 </tr> 的字符
$ 确保匹配到字符串末尾（即没有闭合标签）
方法2：使用 DOM 解析器更可靠地处理
正则表达式不是处理 HTML 的最佳工具，特别是对于不完整的标记。更好的方法是使用 PHP 的 DOM...
HTML 图片异步加载
图片异步加载是优化网页性能的重要技术，可以减少初始页面加载时间，提升用户体验。以下是几种实现图片异步加载的方法：
1. 使用 loading="lazy" 属性（原生懒加载）
<img src="image.jpg" loading="lazy" alt="示例图片">
这是HTML5原生支持的懒加载方式，现代浏览器都支持。当图片接近视口时才会加载。
2. 使用Intersection Observer API（更灵活的懒加载）
<img class="lazy" data-src="image.jpg" alt="示例图片">
<script>
document.addEventListener("DOMContentLoaded", function() {
const lazyImages = document.querySelectorAll("img.lazy");
...
类别：网页编程 查看：313 更新：2025-03-29
PHP函数之htmlspecialchars的用法
htmlspecialchars函数多常用于防止xss攻击，htmlspecialchars函数要转义单引号需要设置第二个参数为ENT_QUOTES，转义双引号需要设置第二个参数为ENT_NOQUOTES
一、定义和用法
htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。
预定义的字符是：
& (& 符号) =============== &
" (双引号) =============== "
' (单引号) =============== '
< (小于号) =============== <
> (大于号) =============== >
<?php
$str = "This is some <b...
PHP和HTML混合输出
$a = 'aaaaaaaaaaa';
正常情况下，如果出现php和html混合输出的时候，我们一般这样写：
echo '<pre>输出变量a的值'.$a.'</pre>';
我们也可以这样写，就不用连字符了
echo "<pre>{$a}</pre>";
这里要注意，一定要使用双引号，如果使用单引号，则不会输出变量值
HTML5简介
HTML5 是 HyperText Markup Language 5 的缩写，HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。与传统的技术相比，HTML5 的语法特征更加明显，并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。2014年10月28日，W3C发布了HTML5的最终版。
HTML5是构建Web内容的一种语言描述方式。HTM...
HTML5 WebSocket初步认识
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客...
类别：网页编程 - JavaScript 查看：363 更新：2023-07-11
bean里面如何打印到html页面
在chinaasp的论坛里面看到有朋友问起这个问题，所以站长写了个简单的例子，演示一下如何在bean里面使用out方法。out方法其实是一个jsp文件隐含的JspWriter对象，一般在jsp也面里面直接输出就行了，比如out.println("test");但是在bean里面这样做就会出问题，所以需要一个小小的技巧，只要将out对象传递到bean里面就能使用out的所有方法了。下面的代码在于给大家一个思路： <jsp:useBean id="bean" class="XXX" scope="XXX"/><%bean.setOut(response);bean.test();%>bean里面部分代码import javax.servlet.jsp.*;JspWriter out= null;public void setOut( JspWriter ou...
HTML与JSP开发分离技术
在传统的JSP程序中，我们将HTML代码与Java代码混合在一起编写，这样虽然方便，但同时也导致页面难以维护，HTML开发人员和JSP开发人员负担加重，我们可以将这种传统的技术成为页面拉数据技术。怎样才能做到将HTML开发和JSP开发分离呢？答案就是使用Tag技术，通过使用Tag技术，我们就可以在页面程序中不出现JSP代码，在需要数据的地方，大家先约定好标签，然后由Tag的后台处理程序去替换这些标签，显示数据。我称这种技术叫做向页面推数据，页面只要定义好格式就行了。这样，我们可以让HTML开发人员专注于页面的外观，而Java程序员则不用理会页面显示，专注于后台程序，大大提高了程序的可维护性和方便性。便于各...
用html显示xml中的数据
1.将下面文件存为myfile.dtd<!ELEMENT myfile (title, author)><!ELEMENT title (#PCDATA)><!ELEMENT author (#PCDATA)>2.然后建立XML文档myfile.xml:<?xml version="1.0" encoding="GB2312"?><!DOCTYPE myfile SYSTEM "myfile.dtd"><myfile><title>XML轻松学习手册</title><author>ajie</author></myfile>3.建立HTML文档myfile.html<html><head><script language="JavaScript" for="window" event="onload">var xmlDoc = new...
HTML中的XML数据岛记录编辑与添加
<HTML><HEAD><Title>HTML中的数据岛中的记录集</Title></HEAD><body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF"><Table align=center width="100%"><TR><TD align="center"><h5><b><font size="4" color="#FF0000">HTML中的XML数据岛记录编辑与添加</font></b></h5></TD></TR></Table><HR>酒店名称：<input type=text datasrc=#theXMLisland DataFLD=NAME size="76"><BR> 地...
XML与HTML的结合
XML的局限性目前，许多Web网站的内容数据都存放在数据库或数据文件中。对于Web程序开发人员来说，如果要想把有用的信息从数据库中提取出来，传统的方法是在服务器端编写脚本程序（如VBScript、JavaScript、CGI、ASP、Perl等等），通过对数据库执行SQL查询得到相关记录，然后把查询结果组织成HTML页面返回给客户端，用户使用浏览器观察最终结果。为了提高系统服务的灵活性、可扩展性，使服务对象范围更广，许多商业网站都尽可能地把商务规则、原始数据和表现形式当做相互独立的服务分别提供。HTML那种蕴数据于显示之中的方式显然不合乎这种需求。因此，把原始数据存放在XML文档中，使用样式单文件显示内容是XML...
XML教程:什么是XML及XML和HTML的区别
XML被设计用来描述数据，其焦点是数据的内容。 HTML被设计用来显示数据，其焦点是数据的外观。 应该掌握的基础知识： 在您继续学习之前，需要对以下知识有基本的了解： HTML / XHTML JavaScript or VBScript 什么是XML? XML指可扩展标记语言（EXtensible Markup Language） XML是一种标记语言，很类似HTML XML被设计用来描述数据 XML标签没有被预定义。您需要自行定义标签。 XML使用文件类型声明（DTD）或者XML Schema来描述数据。 带有DTD或者XML ...
DHTML基础及应用教程CSS位置设定
鼠标点击控制这一节我们将告诉你如何运用鼠标来控制这些运动方. 请你记住我们的目标是写出兼容在 NetScape 和 Internet Explore 上的程序。鼠标点击控制 跟键盘控制一样，我们可以用鼠标来控制任何动画效果。下面我们将要设立一个连接，当拿鼠标按这个连接的时候， 元素就能滑动， 当你放开鼠标的时候，滑动 就停止了。程序几乎跟键盘控制的一样。
function init() {
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
block.xpos = parseInt(block.left)
block.active = false
}
function slide() {
if (block.active) {
block.xpos += 5
block.left = block.xpos
setTimeout("s...