HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
美奇开发工作室
后端开发工程师,做一个喜欢分享技术的领域开发者!
展开
-
HTML5页面让iframe自适应窗口,视频可以全屏播放
HTML5页面让iframe自适应窗口,视频可以全屏播放。原创 2022-08-01 22:49:51 · 1193 阅读 · 0 评论 -
【微信跳转接口】微信引导用户右上角打开浏览器,访问APP下载链接
先给大家看效果图:demo源代码下载:https://download.csdn.net/download/qq15577969/11996508直接上代码:<!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="Content-Type" conten...原创 2019-11-25 14:10:15 · 4987 阅读 · 1 评论 -
html5无边框响应式table表格布局
html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" cont...原创 2020-02-04 17:33:38 · 3046 阅读 · 0 评论 -
html5带边框响应式table表格布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>html5响应式table表格布局</title> <style type="text/css"> body { font-size: 14px; fo...原创 2020-02-04 16:23:09 · 1655 阅读 · 0 评论 -
如何做一名优秀合格的站长,如何运营好一个网站?
一、铭刻数据的重要性在网络的世界里可以说没有什么比数据库更重要了,跟网络打交道不如直白的说是在和数据打交道,那么数据的备份就显的格外的重要了,我就曾今因为自己没有即时备份数据库从而导致损失了很多用户,其实对于网站而言不只是备份好数据库就完事了,网站程序的备份一样的重要,你想,一个网站在上线前肯定需要对网站程序做一些简单的修改,比如上传logo、修改部分配置文件、模版的修改等等虽然有些事情重新做...原创 2019-07-01 10:09:48 · 870 阅读 · 0 评论 -
robots.txt配置
Robots.txt 是存放在站点根目录下的一个纯文本文件。虽然它的设置很简单,但是作用却很强大。它可以指定搜索引擎蜘蛛只抓取指定的内容,或者是禁止搜索引擎蜘蛛抓取网站的部分或全部内容。使用方法:Robots.txt 文件应该放在网站根目录下,并且该文件是可以通过互联网进行访问的。例如:如果您的网站地址是 http://www.oy51.com/,那么该文件必须能够通过 http://w...转载 2019-06-04 18:24:57 · 1070 阅读 · 0 评论 -
HTML5基础:布局和标签
一、新的文档类型声明(DTD)文档类型声明HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html >等也是正确的,因为HTML语法是不区分大小写的。在编写HTML5文档时,要求指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染。二、新增的HTML5标签a,新增的HTML5标签-结构标签结构标签:(块状元素) 有意义的...原创 2018-04-16 09:06:02 · 20194 阅读 · 0 评论 -
WebSocket实例项目
一、项目简介WebSocket是HTML5一种新的协议,它实现了浏览器与服务器全双工通信,这里就将使用WebSocket来开发网页聊天室,前端框架会使用AmazeUI,后台使用Java,编辑器使用UMEditor。二、涉及知识点网页前端(HTML+CSS+JS)和Java三、软件环境 Tomcat 7 JDK 7 Eclipse JavaEE 现代浏览器 四、效果截图效果1效果2五、项目实战 1....转载 2018-04-16 09:06:20 · 6107 阅读 · 0 评论 -
WebSocket介绍
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。WebSocket协议支持(在受控环境中运行不受信任的代码的)客户端与(选择加入该代码的通信的)远程主机之间进行全双工通信。用于此的安全模型是Web浏览器常用的基于原始的安全模式。 协议包括一个开放的握手以及随后的TCP层上的消息帧。 该技术的目标是为...原创 2018-04-16 09:06:11 · 277 阅读 · 0 评论 -
HTML5的高级选择器
1、层次选择器form p{ color:red;} 表示后辈(后代选择器)form>p{ color:red;} 表示子辈div+p{ color:red;} 表示DIV下一个相邻的P元素div~p{ color:red;} 表示DIV后所有匹配的P元素2、结构伪类选择器p:first-child{ color:red;} 第一个P标签p:last-child{ color:red;}...原创 2018-03-11 12:59:33 · 1640 阅读 · 0 评论 -
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
一、”自适应网页设计”的概念2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。如果屏幕宽度在400像素到...转载 2018-03-11 12:58:39 · 1616 阅读 · 0 评论 -
多彩照片墙(案例)
<!doctype html><html><head><meta charset="utf-8"><title>多彩照片墙</title><style type="text/css">div{width:1360px; margin:0 auto; position:r原创 2018-03-11 12:58:02 · 4817 阅读 · 0 评论 -
HTML5的CSS3平移,缩放,倾斜,旋转
1、HTML5平移<style type="text/css">transform:translate(0px,-5px);/*平移,第一个px参数为x轴,第二个px参数为y轴*/-ms-transform:translate(0px,-5px);/*兼容IE9浏览器*/-webkit-transform:translate(0px,-5px);/*兼容谷歌浏览器*/-o-transf...原创 2018-03-11 12:57:27 · 12414 阅读 · 0 评论 -
HTML5的CSS3特有属性
1、border-radius: 10px; 调节边框半径,变成圆角边框2、box-shadow:#999 2px 2px 2px; 边框阴影,第1个px参数是x轴,第2px参数是y轴,第3px个参数是偏移量3、text-shadow:#069 2px 2px 2px; 文字阴影...原创 2018-03-11 12:56:58 · 413 阅读 · 0 评论 -
HTML5 移动页面自适应
1、HTML5 点击输入框时,不会自动放大<meta name="viewport" content="width=device-width,user-scalable=no,target-densitydpi=medium-dpi" />2、HTML5 移动页面自适应手机屏幕宽度<meta name="viewport" content="width=device-width,...原创 2018-03-11 12:55:33 · 2312 阅读 · 0 评论