SPAN <span id=”adaptiveFontSize”>2409:891e:6920:2b93:4d49:4c44:bea7:d109</span> <!–span id=”adaptiveFontSize”>13.254.77.124</span–> JS <script> var adaptiveFontSize = d
HTML
PHP 对 HTML 字符与实体字符转义
转义：将字符转换为 HTML 转义字符 <?php $str = “This is some <b>bold</b> text.”; echo htmlspecialchars($str); ?> 更多功能选项可使用 htmlentities 函数 运行结果：实体字符 This is some <b>bold</b&am
HTML 导航栏下拉菜单栏目
CSS html,body { font-size: 12px; } .dropbtn { border: none; cursor: pointer; background: transparent; } a.nav-link-sk { font-size: 12px;} .dropdown { position: relative; display: inline-block; } .drop
HTML 展开和收起内容
CSS .manualItem { text-align: left; max-height:0; overflow:hidden; transition:max-height .3s; } :checked ~ .manualItem { max-height:666px; } input[type=”checkbox”] { position:fixed; clip:rect(0 0 0 0)
HTML 设定选中文字的颜色和背景样式
全局样式 ::selection{background:#cfc8c888;} ::-moz-selection{background:#cfc8c888;} 指定元素对象样式 div::selection{background:#cfc8c888;} div::-moz-selection{background:#cfc8c888;} 定义和规范 ::selection 只可以应用于少数的 CS
HTML 对象元素的下划线距离
概览 在设计文字内容时，html 自带的链接下划线样式与文字太接近，为了更符合视觉效果，我们需要让文字对象与下划线较大距离像素，通过 padding 和 border CSS 参数可以实现。 CSS html,body{ background-color: #000; color: #fff; } ._x3 { padding-bottom:3px; border-bottom:.8px soli
兼容 required 和 readonly 同时使用
当前有一个需求，即保证输入框只读且不能为空，正常理解是一个错误需求，既然不能输入，怎么还不能为空呢？实际原因是这个输入框不需要用户主动输入，而是用户点击按钮由系统生成内容填充到输入框，所以才有了这个需求。 那要怎么实现 equired 和 readonly 同时使用呢？我们了解到原生 html 的逻辑不能让 required 和 readonly 同时使用，但经过多种测试，为了达到我们特殊的需求，
HTML 表单内容复制按钮
HTML + JS 方式 使用 HTML 和 JS 结合调用配合完成复制功能。 HTML 代码 <form role=”form” action=”” method=”post”> <input type=”text” id=”htmlcode”> <input type=”button” onClick=”copyCodeButton()” value=” 复制”&g
HTML 页面返回上一步代码：history.back(-1);
返回并重载表单数据 <a href=”#” onclick=”javascript:history.back(-1);”> 返回上一步</a> <a href=”javascript:history.back(-1)”> 返回上一页</a> 返回且保留表格数据 <a href=”#” onclick=”javascript:history.go
PHP 与 HTML 页面重定向代码
header() 函数 适用于 php，规范语法。 <?php header(‘location:https://hxx.tw’, TRUE, 301); exit(); ?> 语法： header(string,replace,http_response_code) 参数 描述 string 必需。规定要发送的报头字符串。 replace 可选。指示该报头是否替换之前的报头，或添加第
正则表达式判断输入的邮箱地址规范性
HTML 表单代码 <form role=”form” action=”” onsubmit=”return checkMailAddr(document.getElementById(‘myMailAddr’).value);” method=”post”> <input type=”text” id=”myMailAddr” name=”myMailAddr” require
解决 html 和 php 页面乱码问题
hmtl 页面 <!DOCTYPE html> <html> <head> <meta http-equiv=’Content-Type’ content=’text/html; charset=utf-8′ /> <title>title</title> </head> <body> </bod
html 全局定义事件
<html lang=”zh-CN” onclick=”javascript:location.reload();”> //点击页面任意位置刷新
html a 事件
<a href=’javascript:window.print()’> 打印</a> //打印当前页面 <a href=”###” onclick=window.close();return false)> 关闭本窗口</a> //关闭当前页面 <a href=”javascript:void(0)” onclick=”location.re
html input 动作
<input type=”submit” value=” 输入值” onMouseOut=this.style.color=”blue” onMouseOver=this.style.color=”red” /> //鼠标激活和经过按钮颜色变换 <input type=”text” value=” 输入值” onmouseover=”javascript:this.focus();”
php include 引入 html 文件套接生成页面
index.php 前端套接页面 <?php include "header.php"; include "body.php"; include "footer.php" ?> header.php 头部页面 <!DOCTYPE html> <html> <head> <meta ch
编程语言注释规范
Linux 行注释：#这里是注释 块注释：none 扩展名：.bash/.conf/… PHP 行注释：//这里是注释 块注释：/*这里是注释*/ 扩展名：.php Python 行注释：#这里是注释 块注释：”’ 这里是注释”’ Java 行注释：//这里是注释 块注释：/*这里是注释*/ 扩展名：.java HTML 行注释：none 块注释：<!– 这里是注释–>
CSS 衔接区块 HTML 样式
指定 id html： <footer id=”footer”>…</footer> css： #footer {font-family: ‘Helvetica Neue’,Helvetica,’Lucida Grande’,Arial,’Hiragino Sans GB’,’\5FAE\8F6F\96C5\9ED1′,’WenQuanYi Micro Hei’,STH