随笔分类 - HTML
摘要：1.基本使用 a标签常用属性： 属性名 说明 href 规定链接的目标 URL target 已什么形式打开这个连接 target属性有以下几个值 属性名 说明 _self 默认，当前页面跳转 _blank 新窗口打开 _parent 在父窗口中打开链接 _top 在当前窗体打开链接，并替换当前的整
阅读全文
摘要：前言 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的
阅读全文
摘要：表格本身并不是用来布局，而是用来展示表格数据 1.基本结构 表格标签 标签 说明 table 表格标签 tr 行标签 th 单元格标签（表头，粗体居中） td 单元格标签 基本代码 <body style="padding:30px;"> <table> <tr> <th>姓名</th> <th>年
阅读全文
摘要：1.首先，为了使元素可拖动，要先设置元素为可拖拽 方法：添加draggable属性，设置为 true 注意：链接和图像默认就支持拖拽，另外，如果一个元素中的文本被选中，那么这个元素和他的文本节点此时都支持被拖拽。 <body style="padding:30px;"> <div class="it
阅读全文
摘要：1.网络状态监听 online事件：网络重新连通时触发 offline事件：网络断开时触发 <script> // 监听网络连接 window.addEventListener("online",function(){ console.log("网络连通了") }) // 监听网络断开 window
阅读全文
摘要：###1.互联网上的音频 直到现在，仍然不存在一项旨在网页上播放音频的标准。 今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。 ###2.插入音乐 <audio> 标签 目前，
阅读全文
摘要：1.什么是自定义属性 特殊属性：例如id，class，checked这类属性有特殊的作用，设定后将影响元素渲染，同时点语法也能获取到这些属性值 自定义：自定义属性使用"data-"开头的属性，只存在标签中，无法通过点语法无法获取 <div data-animal-type="鱼类" data-pri
阅读全文
摘要：###1. <progress>标签 进度条 value属性：规定进程的当前值。默认为0 max属性：规定需要完成的值。 PS：这里没有最小值设置，或者说最小值一律为0 <progress max="50" value="20" id="progress"></progress> 小案例：设置定时器
阅读全文
摘要：1.提示占位 placeholder <input type="text" name="userName" placeholder="请输入用户名"> placeholder的文本默认是浅灰色，如果要修改，可以通过伪元素来进行设置 input::placeholder{ color: red; }
阅读全文
摘要：1.基本说明 FileReader可以主要用于将文件内容读入内存，通过一系列异步接口，可以在主线程中访问本地文件 本地文件一般通过文件域进行选择，选中后再使用FileReader进行访问 2.创建文件读取对象 var reader = new FileReader() 3.读取文件的方法 以异步的形
阅读全文
摘要：H5新增了电子邮箱，手机号码，网址，数量，搜索，范围，颜色选择，时间日期等input类型 1.电子邮箱 type="email" 提供电子邮箱格式验证 如果格式不对，会阻止表单提交 2.手机号码 type="tel" 并非用来验证手机号码，而是用来在移动端浏览器调用数字键盘 3.网址 type="u
阅读全文
摘要：1.常用的语义标签 意义：语义标签便于阅读代码，也便于搜索引擎解析文档结构与内容 标签 含义 article 定义页面独立的内容区域 aside 定义侧边栏内容 header 定义了文档的头部区域 section 定义文档中的区块 nav 定义文档中的区块 footer 定义 section 或 d
阅读全文
摘要：1.基本用法 <img src="kof5.jpg" alt="特瑞"> src属性为图片的链接地址，如果图片加载失败，代替图片的就是alt属性设置的文本 2.设置图片的宽高 img标签默认的宽高就是原图的宽高 设置图片的宽高 （设置width属性，无需单位） <img src="kof5.jpg"
阅读全文
摘要：1.单选按钮 type="radio" 同一组的单选按钮name属性值必须一致，因为单选的排他性依靠的就是这个name <!-- 下面两个的name属性都是game 他们只能选出其中的一个 --> <input type="radio" name="game" value="LOL">英雄联盟 <i
阅读全文
