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、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下... 继续阅读 >
201412-03 10个程序员最喜欢的 HTML和CSS 等在线代码编辑器 一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面,代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的(当然,像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。)。在实际的项目开发中这样的方式也是挺便捷的。但是,随着各种云服务的兴起,云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用... 继续阅读 >
201412-03 HTML head 头标签 HTMLhead头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head头部结构,移动端的meta元素,显得更为重要。了解每个标签的意义,写出满足自己需求的head头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。DOCTYPEDOCTYP... 继续阅读 >
201412-03 怎样用纯HTML和CSS更改默认的上传文件按钮样式 如果你曾经试过,你就会知道,用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的,他们长得很不一样。我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样: 步骤1.创建一个简单的HTML标记 <divclass="fileUploadbtnbtn-primary"><span>Upload</span><inputtype="file"class="upload"/>... 继续阅读 >