HTML 语义化根据结构化的内容，选择合适的标签。为什么要做到语义化？“合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下：有利于 SEO开发维护体验更好用户体验更好（如使用 alt 标签用于解释图片信息）更好的 accessibility，方便任何设备解析（如盲人阅读器）if (导航) {return <nav /> } elseif (文稿内容、博客内容、评论内容...包含标题元...
前言在 HTML5 File API 出现之前，前端对于文件的操作是非常有局限性的，大多需要配合后端实现。出于安全角度考虑，从本地上传文件时，代码不可能获取文件在用户本地的地址，所以纯前端不可能完成一些类似图片预览的功能。但是 File API 的出现，让这一切变成了可能。跟着楼主由浅入深，了解下强大的 File API 吧。FileListFileList 对象针对表单的 file 控件。当用户通过 file 控件选取文件后，这个控件的 files 属性值就是 FileL...
1.缩进统一两个空格缩进2.命名规范class 应以功能或内容命名，不以表现形式命名；class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class；3.DOCTYPE 声明HTML 文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：1 <!DOCTYPE html>4.meta 标签统一使用 “UTF-8” 编码1 <meta charset="utf-8">SEO 优化1 <!-- 页面关键词 --> 2 <meta name ="ke...
html对象areaaudiobaseblockquotebodybuttoncanvascolcolgroupdatalistdeldetailsdialogembedfieldsetformiframeframesetimginsinput -button -checkbox -color -date -datetime -datetime-local -email input -month -number -range -password -radio -reset -search -submit input -text -time -url -weekkeygenlinklabellegendlimapmenumenuitemmetameterobjectoloptgroupoptionparamqprogressscriptselectsourcestyletabletdth...
一、基础 在css中，大多数标签都是默认属性，需要对其进行初始化，比如＊｛padding:0;margin:0;｝在移动端布局时要采用响应式，响应式布局通常有两种方法，一是通过百分比控制，二十使用使用弹性盒子（flex）一、写法，分组和嵌套对于有相同属性的元素，可以使用分组的形式h1{color:#ff9900}h2{color:#ff9900}h3{color:#ff9900}-----------------h1,h2,h3{color:#ff9900}嵌套：p {color:#ff9900;}.demo {font-size:12px;}.demo p ...
Canvas应用：图片压缩算法实现前端图片压缩应用场景前端页面限制用户只可以上传5MB大小的图片前端在接受到用户上传的图片之后，服务器只允许上传1MB大小的图片，此时需要前端将图片先进行压缩，压缩之后再调用图片上传接口将图片上传第一步：创建input元素，监听input表单域的change事件创建一个input元素，并且设置HTML5新增的type为file监听input元素的change事件，并通过e.target.files拿到用户上传的文件列表数组获取用户上传的...
需求：将页面中DIV内容块（包含svg流程节点）生成图片并直接下载到用户本地，并且不影响之前的svg图的使用实现：1、安装依赖cnpm install --save html2canvas cnpm install --save canvg@2.0.0-beta.1 canvas@^2 jsdom@^13 xmldom@^0 2、引入依赖import html2canvas from "html2canvas"; import canvg from "canvg"; 3、代码实现主要是两个问题SVG无法显示： 借助canvg将svg转canvas不能影响原有的元素显示：上一步会改变原有的dom...
一、初识HTML1.1、web服务本质import socket sock=socket.socket(socket.AF_INET,socket.SOCK_STREAM) sock.bind(("127.0.0.1",8080)) sock.listen(5) while1:conn,addr=sock.accept()data=conn.recv(1024)print("data",data.decode("utf8"))with open("index.html","r") as f:response=f.read() #可以吧html放在一个文档里面读出来conn.send(("HTTP/1.1 201 OK\r\n\r\n%s"%response).encode("utf8")) 浏览器发送请求->HTTP协议->...
HTML介绍Web服务本质 import socketsk = socket.socket()sk.bind(("127.0.0.1", 8080)) sk.listen(5)while True:conn, addr = sk.accept()data = conn.recv(8096)conn.send(b"HTTP/1.1 200 OK\r\n\r\n")conn.send(b"<h1>Hello world!</h1>")conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面HTML是什么？超文本标记语言（Hypertext Markup La...
AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 ?ajax不是新的编程语言，而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 ?ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 ?ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个...
一、indexedDB为何替代了Web SQL Database？跟小朋友的教育从来没有什么“赢在起跑线”这种说法一样，在前端领域，也不是哪来先出来哪个就在日后引领风骚的。HTML5 indexedDB和Web SQL Database都是本地数据库数据存储，Web SQL Database数据库要出来的更早，然并卵。从2010年11月18日W3C宣布舍弃Web SQL database草案开始，就已经注定Web SQL Database数据库是明日黄花。未来一定是indexedDB的，从目前浏览器的兼容性来看，也表明...
以下为自学笔记内容，仅供参考。 转发请保留原文链接：https://www.cnblogs.com/it-dennis/p/10508118.html什么是Web SocketWebSocket 协议本质上是一个基于 TCP 的协议。为了建立一个 WebSocket 连接，客户端浏览器首先要向服务器发起一个 HTTP 请求，这个请求和通常的 HTTP 请求不同，包含了一些附加头信息，其中附加头信息"Upgrade: WebSocket"表明这是一个申请协议升级的 HTTP 请求，服务器端解析这些附加的头信息然后产生应答...
其他地方采集过来的可以转译下，试试这个：var returnReg = /\n/g; detail = detail.replace(returnReg,""); var reg = /&amp;amp;gt;|&amp;gt;|&gt;|>/g; detail = detail.replace(reg,">"); reg = /&amp;amp;lt;|&amp;lt;|&lt;|</g; detail = detail.replace(reg,"<");原文：http://www.cnblogs.com/wangzhuxing/p/7238013.html
HTML是HyperText Markup Language（超文本标记语言）的简称，它是一种用于创建网页的标准标记语言。标记语言是由标签构成的语言。<标签名称>例如html，xml；标记语言不是编程语言。HTML 运行在浏览器上，由浏览器来解析。注意：html标签不区分大小写，但是推荐全小写 html文档的后缀名 .html和.htm两种都可以，没有区别。 标签的分类 围堵标签：有开始标签和结束标签，例如<html></html>自闭标签：开始标签和结束标签都在一个标签中...
1、HTML语义化的理解？答案：HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS的情况下也以一种文档格式显示，并且是容易阅读的；搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO；使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。2、父元素透明，但是又不影响子元素的透明度怎么实现？答案：方法一：用rgba方法二：再加上一层与父元素同级的div装载子元素，定位到子元...