1.index2.head标签相关内容3.常用标签一4.常用标签二 table5.常用标签二 form6.标签分类 1.index<!--声明文档的类型 标记该文档为HTML5的文件--><!DOCTYPE html><!-- 页面的根节点 --><!-- html中的标签都是闭合标签 闭合标签包含 双闭合和单闭合 双闭合：<html></html> 单闭合：<meta />--><html><head><!-- 声明头部的元信息 对我们文档 规定编码格式 --><meta charset="utf-8"><!-- 包含头部的信息 是一个容器 包含 style ti...
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖动API的使用方法。场景： 如下图所示，我们要实现： 通过拖动将照片从左侧“相册”区域拖拽到右侧“...
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。 前面几题是会很基础，越下越有深度。 附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇： 1.你做的页面在哪些流览器测试过？这些浏览器的...
div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-...
1.IE条件注释条件注释简介IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容...
HTML的补充学习1. meta与base<meta http-equiv="refresh" content="2" > 2秒刷新一次 <base href="https://www.baidu.com" target="_blank"> 设置默认跳转地址以及跳转方式 <link rel="icon" sizes="any" mask href="https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg"> 设置title的图标2. img<img src="https://www.runoob.com/try/demo_source/planets.gif" alt="行星图" title="行星图" usemap="#p...
一、真正解决了UTF-8中文乱码的各种问题（菜单乱码，内容乱码，提示信息乱码），不用担心WIN用默认编码写的东西在Linux乱码，或在Linux（zh_CN.UTF-8时）写的东西在WIN下乱码。在Arch、CentOS 6.2、win 7 SP1,使用GVIM 7.3.46测试通过，无问题。二、添加了zenconding,配色方案包，JS，自动补全插件，使前端开发更快速。三、使用时将vimfiles、_vimrc覆盖至安装目录即可。四、参考了论坛里一些网友的设置，并附上其教程，表示感谢。...
web三要素: 浏览器:向服务器发起请求,下载服务器中的网页(HTML),然后执行HTML显示出内容服务器:接受浏览器的请求,发送相应的页面到浏览器HTTP协议:浏览器与服务器的通讯协议.HTML的工作原理: HTML是部署在服务器上的文本文件 跟据HTTP协议,浏览器发出请求给服务器,服务器做出响应,给浏览器返回一个HTML 浏览器解释执行HTML.从而显示出内容HTML部署在服务器上,运行在浏览器上HTML什么是HTML? HTML ( HyperText Markup ...
原文出处： Ico_Coco 的博客（@CHoK__Coco_mAm） 欢迎分享原创到伯乐头条收集分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端内容更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。 Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Sa...
1.如何理解HTML？HTML类似于一份word“文档”描述文档的“结构”有区块和大纲2.对WEB标准的理解？Web标准是由一系列标准组合而成。一个网页主要由三部分组成：结构层、表现层和行为层。对应的标准也分三方面：结构化标准语言主要包括XHTML和HTML以及XML，表现层标准语言主要包括CSS，行为标准主要包括对象模型，DOM、ECMAScript等2.1 结构层标准结构化标准语言，就是W3C规定的主要包括HTML和XHTML以及XML，在页面body里面我们写入的...
1.HTML网页编码类型 无论是中文还是英文网站，都比较建议是"UTF-8"作为编码。 注意：中文编码一定要声明网页的编码，不然可能会出现乱码。 声明网页的编码有几种方式，一种是在http响应头部中设置"content-type"为:Content-Type:text/html;charset=UTF-8 另一种是在HTML文档中添加 HTML5的标准<meta charset="utf-8"> HTML4的标准<meta http-equiv="content-type" content="text/html;charset=utf-8"> 2.HTML文档的扩展名 一般html...
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(1024)conn.send(b‘HTTP/1.1 200 OK\r\r\n‘)conn.send(b‘<h1>hello world!</h1>‘)conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面HTML是什么？超文本标记语言（Hypertext Markup L...
今天开发几个页面，但是页面中调用了线上的一些http接口进行渲染页面，因为跨域问题，但是又不想弄成jsonp方式，因此弄个apache http server来折腾。这个只适用于linux1.从apache下载apache httpd2.下载安装后打开安装目录下conf文件夹的httpd.conf配置文件进行修改3.首先修改Listen端口比如为8081，修改之后保存（因为可能默认的80端口被占用了，所以修改自己定义的）Listen 80884.打开安装目录下bin文件夹的httpd启动./httpd -X5...
1.浏览器内核： 1.ie：trident（三叉戟）内核 2.firefox：gecko（壁虎）内核 3.safari：webkit（浏览器核心）内核 4.opera：以前是presto（急速）内核，现在改用谷歌的blink（闪烁）内核 5.Chorme：blink（基于webkit，谷歌和opera software共同开发） （附：浏览器内核的理解？） 浏览器内核分成两部分：渲染引擎和js引擎。 1.渲染引擎：负责取...
xtyle框架充分利用语义化标签来做美化样式，兼容多款主流浏览器，包括IE8。xtyle框架虽然没BS这么强大，但我觉得也很实用，体积不算很大，适用于企业网站、WordPress主题、个人网站、博客等方面的应用，当然手机端也是适用哦！框架下载地址：xtyle栅格系统（Layout）栅格系统我想很多人是比较关注的，这个xtyle的栅格系统很简单，也很实用和易用，栅格Class由.gird1-.grid10来控制。布局简单用法一栏布局直接使用即可。<div class=...