html5移动端网页前端代码重要知识点
第1章.使用根字号rem作为字号单位html{font-size:10px}1.1使用媒体查询，不同分辨率设置不同的html的font-size@(min-width:320px){ html{font-size:10px;}}@(min-width:360px){ html{font-size:11.25px;}}@(min-width:400px){ html{font-size:12.5px;}}@(min-width:640px){ html{font-size:20px;}}给手机设置10px的字体大小；对于320px的手机匹配是10px，其他手机都是等比例匹配；优点：使用CSS即可实现，不需要JS代码 缺点：只能匹配部分机型1.2使用JS代码控制html的font-size大小var html = document.querySelector("html");var clientWidth = html.getBoundingClient ...
H1标签到底要怎么用才对？
HTML代码中的H1标签是什么？h1是一级标题，一个网页中，用h1包括起来的内容是除了title之外最重要的内容，对网页内容起到提纲挈领的作用。搜索引擎首先要抓取的内容就是h1标签中的内容，所以一般规范是一个页面中，h1标签只能出现一次，若出现次数过多，对于搜索引擎来讲就是不规范，当它不能有效识别你的网页内容结构的时候，它就有权先将你放一边。对于迷信代码层面SEO的朋友而言，这就可以说是一种最基本的SEO失误。有人曾总结分析过大量知名网站的h1使用情况，最后得出的结论是“毫无规律”可言。可见网页权重和排名并非单纯靠某个语义标签，大家不必过分迷信h1标签的seo作用，对于搜索引擎喜好而言，域名、服务器、内容这些都是至关重要的因素。对于“非知名”网站网页而言，充分认识和用好h1标签，更多是规范和专业范畴上的意义。下面益吾库顺便科普一下h1-6标签知识：H标签也叫做Heading标签，在HTML语言里一共有六种大小的heading标签，是网页html中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h6>定义标题 ...
标记语言、脚本语言、编译语言的定义和区别
一.标记语言标记语言，是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息（包括例如文本的结构和表示信息等）与原来的文本结合在一起，但是使用标记（markup）进行标识。如：xml, html, xhtml等，都以 "ml"结尾。二.脚本语言脚本语言是为了缩短传统的编写-编译-链接-运行（edit-compile-link-run）过程而创建的计算机编程语言。它的命名起源于一个脚本“screenplay”，每次运行都会使对话框逐字重复。早期的脚本语言经常被称为批量处理语言或工作控制语言。 一个脚本通常是解释运行而非编译。脚本语言通常都有简单、易学、易用的特性，目的就是希望能让程序员快速完成程序的编写工作。如：JavaScript、VBScript、PHP、Python，ruby等。三.编译型语言编译型语言通常也被称作编程语言，程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件如.exe文件，运行时不需要重新翻译，直接使用编译的结果就行了。程序执行效率高，依赖编译器 ...
H5网页文档头部meta标签功能大全
前面益吾库总结过常见Meta标签大全和用途介绍，今天我们再来笔记一下HTML5网页文档可能用到的Meta标签：<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang=″en″> 标准的 lang 属性写法<meta charset=″utf-8″> 声明文档使用的字符编码<meta http-equiv=″X-UA-Compatible″ content=″IE=edge,chrome=1″> 优先使用 IE 最新版本和 Chrome<meta name=″description″ content=″不超过150个字符″> 页面描述<meta name="keywords" content=""> 页面关键词<meta name="author& ...
使用记事本编辑网页代码有哪些坑？
在Windows操作系统中，记事本是一个小的应用程序，采用一个简单的文本编辑器进行文字信息的记录和存储。自从1985年发布的Windows 1.0开始，所有的Microsoft Windows版本都内置这个软件。从“记事本”本意来看，简单记录和存储代码还行，用来编辑修改程序代码，哪怕是最普通的HTML代码，想要避免出现问题就应该尽量不要采用。至于为什么，今天我们就来聊聊使用记事本编辑网页代码有哪些坑？1，无法完美保存utf-8字符编码的网页内容简体中文Windows操作系统中的记事本保存文件编码默认不是utf-8，现在多数网页都是该编码，使用记事本保存的最直观结果就是乱码。基于Windows尿性，记事本即使能设置保存文件为utf-8编码，它也十有八九会为给你加上不该有的BOM标记，UTF-8-BOM是指在文件开头增加的0xef 0xbb 0xbf三个字节标识符号，常见直观表现是网页头部出现一行空白和局部样式异常（如文字异常变大），该标识符和空白标记在网页源代码中查找不到。关于这个神奇的空白行，益吾库之前写过一篇《网页开头空白出现隐藏字符解决方法》，有兴趣的朋友 ...
Table作为网页布局代码被弃用的原因
Table要比其它html标记占更多的字节。
(延迟下载时间，占用服务器更多的流量资源。)
Tablle会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度，让用户等待更久的时间。)
Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度，增加页面加载时间，增加HTTP会话数。)
在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。)
Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)(这会限制你页面设计的自由性。)
一旦学了CSS知识，你会发现使用table做页面布局会变得更麻烦。(先花时间学一些CSS知识，会省去你以后大量的时间。)
table对对于页面布局来说，从语义上看是不正确的。(它描述的是表现，而不是内容。)
table代码会让阅读者抓狂。(不但无法利用CSS，而且会你不知所云)
table一旦设计完成就变成死的，很难通过CSS让它展现新的面貌。
不过，尽管如此，Table并没有被完全弃用，它仍然有着无可替代的好处：
在某些场合，使用Table是100%的适合、恰当和正确。比 ...
解决phpMyAdmin最大上传限制问题
phpMyAdmin使用方便，已成为大多数站长的常用工具，对于小型网站来讲phpmyadmin已经绰绰有余。大文件导入mysql一直以来都是个问题，一般情况下，phpMyAdmin默认最大限制上传2M以内的文件，但是当网站运营一段时间后，即使把sql格式的数据库压缩成zip格式，也可能无法控制在2M以内。
通常行业内并不推荐使用phpMyAdmin来导入大数据库，因为大多数用户使用的是虚拟主机，很多文件没有服务器权限是无法修改的，而且phpMyAdmin对大数据库的执行效率也非常低，容易出现错误。但对于只是大于2M而并非上百兆的文件，我们仍可以通过phpMyAdmin来进行数据库导入操作。网上已经有很多相关教程，但大多数都不全，只解决了一部分问题，所以今天益吾库整理出了相对比较靠谱的两种方案，希望对大家有所帮助。
解决方案一：
打开phpMyAdmin安装目录下的配置文件config.inc.php并查找：
$cfg['UploadDir'] = ”;
$cfg[‘SaveDir’] = ”;这两个参数值默认为空，我们首先将其进行赋值：
$cfg['UploadDir'] ...
到底什么是网站根目录？
对于站长和互联网技术人员而言，网站根目录是一个很常见的概念，弄不明白到底哪一个目录才是根目录的新手也并不少见，今天益吾库就跟大家分享一下到底什么是网站根目录的相关知识。什么是根目录顾名思义，根就像树根一样，是最高级最顶层的东西，根目录也就是最高层级目录。根目录下可以存放若干子目录和文件，这样就形成像根系一样的结构。我们现在拿本地电脑举例，打开电脑c盘，那么C:\这个斜杠就代表是计算机C盘的根目录，再往上走就没有目录了，根目录下的文件夹就是子目录。对于windows操作系统的电脑而言，C盘下名为“windows”的子目录就是windows操作系统的根目录，由此可见根目录有时也是一个相对概念。网站根目录简单的说，网站根目录就是网站程序系统的安装目录，也就是网站文件上传存放的第一级目录，访问网站首页就是指向该目录。网站服务器环境不同，网站根目录也会不同，wwwroot、www、web、htdocs、public_html这些是比较常见的网站根目录名称。如果是新开通的网站空间，当你登录FTP后并没有看到其它目录，那么FTP默认连接的就是网站根目录。常见主机服务商根目录阿里云和万网虚拟主机网 ...
关于字体图标那些事你知道多少？
什么是字体图标？
简单的说，就是将一种特殊的字体，通过特定方式，在网页上像传统图片一样显示的图标。如下图：
字体图标(font-icon)通常是将一套图标集以字体文件的形式封装，并通过 CSS 的 @font-face 方式作为 Web Font 调用。为了解决不同环境不同浏览器的兼容和效率问题，常见封装文件格式有otf、eot、svg、ttf、woff、woff2等。比较知名的字体图标库有Glyphicons（Bootstrap）、Font Awesome（奥森图标）、Iconfont（阿里巴巴）、IcoMoon等，前两种是各自统一风格并且所有图标整体封装，文件相对较大但使用方便，后两种则更像是一种平台，需要自定义选取封装，按需生成文件在网页中加载时更有优势，但更新增减操作稍显麻烦。
为什么要用字体图标？
轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染显示，不需要下载一个个图像。与css sprite技术一样，可以减少HTTP的请求次数，而且和HTML5的离线存储配合，可以对性能做出优化。灵活性：可以像网页中的文字一样，通过font-size属性来对其 ...
什么是绝对地址和相对地址？
绝对地址和相对地址概念是网站开发基础知识中很重要的知识点，相对地址、绝对地址也有人称为相对路径、绝对路径。那么绝对地址和相对地址究竟是什么？它们又有什么区别呢？今天益吾库就来系统的讲一讲。绝对地址根据所处环境不同又可以细分为两种：一种是网络绝对地址，一种是本地绝对地址。其中网络绝对地址就是以http://、ftp://或https://等网络协议名开头的地址，如：http://www.yiwuku.com/a/19983.html，其中www.yiwuku.com是指网站域名，a是指目录，19983.html是指文件；本地绝对地址是指在本地计算机存储器（硬盘、U盘等）上面的地址，通常以盘符"C:/"开始。如：c:/website/img/photo.jpg、D:/website/index.html等，其中"C:/"是指C盘，“website”是指目录（文件夹）。理论上，互联网上的绝对地址，被任何网站链接都能通过这个地址直接到达目标。相对地址相对地址是指相对于当前位置的引用地址，是一种忽略最高层级或上级位置，改变相对环境也能使用的地址。相对地 ...