201804-25 一个HTML元素和五个CSS属性的魔力 假设我告诉你,我可以使用一个HTML元素和五个CSS属性实现下图的效果。而且这个效果没有使用任何一行SVG代码,也没有使用图像(只是在html元素上使用了background设置了一个背景图片,只是为了表明这个元素有一些透明的部分),同样也没有使用JavaScript代码。你一定会觉得很神奇,对吧!有好奇之心,对于我们做前端的同学而言,应该一直都有,只有这样才能做出很多我们一直以为实现不了的效果,比如接下来要介绍的内容。这... 继续阅读 >
201703-29 从前端界面开发谈微信小程序体验 这段时间有幸加入了一个关于微信小程序的项目开发组,从无到有的根据文档自行学习了小程序的开发过程,前面已经有几位前辈的文章珠玉在前,我这里就先从前端界面的开发方面谈一谈小程序以及我所遇到的问题吧。在结构和样式方面,小程序提供了一些常用的标签与控件,比如:view,小程序主要的布局元素,类似于html标签的div,你也完全可以像控制div那样去控制view。scroll-view,你要滚动内容的话,没必要用view去做... 继续阅读 >
201610-14 那些不推荐使用的html标签 那些不推荐使用的html标签acronym首字母缩写,例如WWW类似的有abbr标签,表示单词缩写,例如inc.。语法如下:<acronymtitle="WorldWideWeb">WWW</acronym><abbrtitle="incorporated">inc.</abbr>推荐用abbr,不要用acronym(忽略上面提到的语义上的差异)appletJava小应用程序,主要提供绘图功能(在页面上通过代码绘制一些东西),例如:<appletcode="ShowImage.class"width=600height=400archive="Imagetest.jar... 继续阅读 >
201606-18 使用 <pre> 标签样式的注意事项 你可能正在使用<pre>标签。这是一个HTML中非常特别的标签,它允许其中的空格真正显示出来。例如:四个空格将真实显示成四个空格。这不同于其他标签通常的做法,其他标签会将之间的空白压缩成一个。从这一点来说,<pre>标签真的是很有用。你在<pre>标签中使用<code>标签吗?<pre>标签的“pre”的意思是“preformattedtext”(预格式化的文本),没有特别规定里面的文本是什么内容... 继续阅读 >
201510-23 HTML编码规范 1前言2代码风格2.1缩进与换行2.2命名2.3标签2.4属性3通用3.1DOCTYPE3.2编码3.3CSS和JavaScript引入4head4.1title4.2favicon4.3viewport5图片6表单6.1控件标题6.2按钮6.3可访问性(A11Y)7多媒体8模板中的HTML1前言HTML作为描述网页结构的超文本标记语言,在百度一直有着广泛的应用。本文档的目标是使HTML... 继续阅读 >
201509-21 HTML必须知道的一些知识点 一、标签语义化html标签语义化是让大家直观的认识标签和属性的用途和作用,好处最主要的是对搜索引擎友好。Eg:1、如果你想在页面中突出”奥巴马”这三个字,让搜索引擎重视它,如果你这么写:<div> 奥巴马</div>对于搜索引擎来说,它也只是一个普通得不能再普通的三个字而已,尽管它是指代美国总统。那么应该怎样才能让搜索引擎知道它的重要性呢?来看看语义化的写法吧:<h1>奥巴马</h1>奥巴马看了后,乐了,哥本来就应该备受... 继续阅读 >
201506-30 长微博生成(将html转化为图片)原理浅析 在平时工作中有一些需求,简单而言就是需要将一些内容生成图片。简单的内容通过PhotoShop处理还行,但是类似于带表格等的内容,每次都通过PhotoShop进行处理太浪费时间。网上有很多类似于长微博等的生成工具,生成简单的图片还行,但是要使用富文本生成图片,则多需要money,于是便自己研究了一下基于PHP的实现。需求及原理基于PHP,将html内容生成图片(PNG,JPEG等)实现方法1.直接通过图形函数生成可以直接使用PHP中自带... 继续阅读 >
201504-17 编写高性能HTML网页应用 你怎么能提高网页性能?大多数开发者会通过JavaScript和图片来优化,通过服务器配置,压缩文件和合并文件-甚至调整CSS(合并小图片)。 可怜的HTML老是被忽视,尽管它一直是网络的核心语言。HTML正在变得越来越大。排名前100的网站每个HTML页面大多在40K左右。亚马逊和雅虎使用上千个HTML页面。在youtube.com主页面,HTML元素高达3500个。减少的HTML复杂性和一个页面的元素数量并不会明显提高解析... 继续阅读 >
201503-26 PHP常用正则表达式大全 表单验证匹配验证账号,字母开头,允许5-16字节,允许字母数字下划线:^[a-zA-Z][a-zA-Z0-9_]{4,15}$验证账号,不能为空,不能有空格,只能是英文字母:^\S+[a-zA-Z]$验证账号,不能有空格,不能非数字:^\d+$验证用户密码,以字母开头,长度在6-18之间:^[a-zA-Z]\w{5,17}$验证是否含有^%&',;=?$\等字符:[^%&',;=?$\x22]+匹配Email地址:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*匹配腾讯QQ号:[1-9][0-9]{4,}匹配... 继续阅读 >
201502-13 PHP处理Excel插件PHPExcel常用方法详解 PHPExcel官网:http://phpexcel.codeplex.com/PHPExcelOnGitHub:https://github.com/PHPOffice/PHPExcel1.headerheader("Content-Type:application/vnd.ms-excel");header("Content-Disposition:attachment;filename=product.xls");header("Pragma:no-cache");header("Expires:0");2.PHPExcel开发包Tests目录有详细使用实例,支持中文,注意文件编码,文件保存为utf-8。写excel//Includeclassrequire_once('Class... 继续阅读 >
201502-02 PHP中文乱码分类及解决办法大全 PHP+MYSQL做网站开发通常都会碰到浏览器输出中文字符时乱码,这个问题的原因主要是因为HTML内容编码,PHP文件编码和MySQL数据库编码这三者不一致造成的。下面我们以UTF-8为例简述一下如何统一这三者之间的关系。新增一个PHP文件,命名为test_charset.php,将下面的代码保存到该文件中:<?php$charset="utf8";$con=mysql_connect("localhost","root","");mysql_query("SETcharacter_set_connection=$charset,... 继续阅读 >
201501-27 PHP去除HTML标签函数——strip_tags和htmlspecialchars 1、strip_tags功能:去掉HTML及PHP的标记。语法:stringstrip_tags(stringstr);返回值:字符串说明:本函式可去掉字符串中包含的任何HTML及PHP的标签。若是字符串的HTML及PHP标签原来就有错,例如少了大于的符号,则也会传回错误。注意:遇到提炼文字内容是,会出现 这样的空格是无法通过上面的行数替换掉,这个时候需要单独使用str_replace进行特定替换 2、htmlspecialchars功能:将特殊字元转成HT... 继续阅读 >
201501-09 HTML特殊符号对照表大全 特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖΖ... 继续阅读 >
201412-18 常用meta整理 <meta>元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。必要属性属性值描述contentsometext定义与http-equiv或name属性相关的元信息可选属性属性值描述http-equivconte... 继续阅读 >
201412-03 html标签的嵌套规则 XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢?一、HTML标签包括块级元素(block)、内嵌元素(inline)1、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下... 继续阅读 >