HTML
关注
分享
扫一扫
周家大小姐.
这个作者很懒，什么都没留下…
展开
-
form 表单提交不跳转页面
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>筛选框</t原创 2018-12-19 17:04:42 · 3962 阅读 · 0 评论 -
css html 编写凌形图案
<div class="z_activity_diamond"> <div class="z_activity_diamond_top"></div> <div class="z_activity_diamond_bottom"></div><br /> ...原创 2019-09-05 17:28:41 · 261 阅读 · 0 评论 -
html css 横杠样式设置
<!-- 活动详情弹框 bigin --> <div class="z_activity_popup"> <div class="z_activity_mask"> <div class="z_activity_body"> <p class="z_activity_close">X<...原创 2019-09-05 17:05:47 · 2351 阅读 · 0 评论 -
H5 使用textarea输入时让文字下方出现下划线
<!DOCTYPE html><html lang="zh"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <...原创 2019-09-05 14:32:54 · 3523 阅读 · 0 评论 -
H5 js 真机调试
js引入网址可以选择自己喜欢的版本 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>页面使用// 实例化var vConsole = new VConsole();$(document).ready(function () { loadT...原创 2019-09-04 14:41:14 · 969 阅读 · 0 评论 -
H5 video在ios上播放视频时会默认全屏显示，通过给video标签添加下面属性可以解决。
webkit-playsinline="true"playsinline="true"<video src="https://cdn.xiaobei.beer/event/public/reserve/assets/video/intro.mp4" poster="./assets/images/video-area.jpg" webkit-playsinline...原创 2019-09-03 18:07:45 · 4857 阅读 · 0 评论 -
html 浏览器图标
<link rel="shortcut icon" type="image/ico" href="./imags/1.jpg" /> <!-- 添加 favicon icon -->原创 2019-03-08 11:32:11 · 968 阅读 · 0 评论 -
@media媒体查询
如:引入外部链接当屏宽超过900px的时个生效 <link rel="stylesheet" media="(max-width:900px)" href="css/ipad.css">原创 2019-03-08 17:50:38 · 374 阅读 · 0 评论 -
websocket和ajax的区别
1.本质不同 Ajax,即异步JavaScript和XML，是一种创建交互式网页应用的网页开发技术； WebSocket是HTML5一种新的协议，实现了浏览器与服务器全双工通信。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，服务端与客户端通过此TCP连接进行实时通信。2.生命周期不同。websocket建立的是长连接，在一个会话中一直保持连接；而...原创 2019-01-23 10:26:51 · 5088 阅读 · 1 评论 -
html 引入title图标
<!--css js 文件的引入--> <link rel="shortcut icon" href="images/favicon.ico">原创 2019-01-28 14:31:38 · 2337 阅读 · 0 评论 -
HTML 网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="Keywords" content="关键词一，关键词二"><meta name="Description" content="网站描述内容">原创 2019-01-28 14:30:54 · 3449 阅读 · 0 评论 -
media 媒体查询外部引入文件样式
当浏览器窗口大于992px执行<link media="screen and (min-width:992px)" rel="stylesheet" href="css/screen_pc.css"><!--假设PAD屏幕在991~768px 会执行--><link media="screen and (min-width:768px) and (m.原创 2019-01-09 11:41:31 · 2557 阅读 · 0 评论 -
设置Meta标签(兼容内核,页面缓存时间,窗口)
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核，增加标签：<meta name="renderer"原创 2019-01-09 11:37:06 · 903 阅读 · 0 评论 -
网站优化禁止百度转码
禁止百度转码 在互联网上，有两种类型的Web资源，即Web和WAP。Web类资源主要是电脑端浏览，WAP类资源主要是移动手机端浏览。当我们使用移动端或平板电脑等移动设备访问百度搜索时，许多移动浏览器不能直接访问网页，所以这个时候就会自动转码，以增强用户的体验感。为什么大部分人对转码问题不太满意呢？大部分的人还是不希望自己的网站被转码，因为转码过的网站布局可能没有之前好看，还有很...原创 2019-01-09 11:29:56 · 381 阅读 · 0 评论 -
HTML 响应式布局
一 视口移动前端中常说的 viewport （视口）就是浏览器中用于呈现网页的区域。视口通常并不等于屏幕大小，特别是可以缩放浏览器窗口的情况下。手机端与PC端视口存在差异，电脑端的视口宽度等于分辨率，而移动端的视口宽度跟分辨率没有关系,宽度默认值是设备厂家指定的。iOS, Android基本都将这个视口分辨率设置为 980px。1、为什么手机端视口要设为980px?乔布斯设想：苹果...原创 2019-01-09 11:16:44 · 5207 阅读 · 0 评论 -
css 实现弹框滚动条
<!-- 活动详情弹框 bigin --> <div class="z_activity_popup"> <div class="z_activity_mask"> <p class="z_activity_close"> <span class="z_activity_close_...原创 2019-09-05 18:39:31 · 2051 阅读 · 0 评论