html的meta总结,html标签中meta属性使用介绍

引子

之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。

前言

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!

html的meta总结

meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

1、name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是:

<meta name="参数"content="具体的参数值">。 

其中name属性主要有以下几种参数: 

A、Keywords(关键字) 

说明:keywords用来告诉搜索引擎你网页的关键字是什么。

举例:

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"> 

B、description(网站内容描述)

说明:description用来告诉搜索引擎你的网站主要内容。

举例:

<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。"> 

mysql中使用 where 1=1和 0=1 的作用及好处

引子

使用php的操作mysql的时候,经常使用where语句进行查询。当where语句不存在的时候,经常在后面加一个where 1=1,这个是参照我同事的写法。下面分析一下where 1=1的好处!

where 1=1; 这个条件始终为True,在不定数量查询条件情况下,1=1可以很方便的规范语句。

一、不用where 1=1 在多条件查询中的困扰

  举个例子,如果您做查询页面,并且,可查询的选项有多个,同时,还让用户自行选择并输入查询关键词,那么,按平时的查询语句的动态构造,代码大体如下:

string MySqlStr=”select * from table where”;

  if(Age.Text.Lenght>0)
  {
    MySqlStr=MySqlStr+“Age=“+“'Age.Text'“;
  }

  if(Address.Text.Lenght>0)
  {
    MySqlStr=MySqlStr+“and Address=“+“'Address.Text'“;
}

第一种种假设

记录我安装linux的web环境的一些问题,及阿里云的服务

最近空闲的时间,一直在搞阿里云的linux服务器,不得不承认自己是菜鸟。安装好多次都出错!难道是我之前的nodejs和mongodb安装的有问题吗?应该也不会。我的mongodb安装是按照这个步骤来的:http://www.haorooms.com/post/3m ,nodejs是按照这个步骤来的:http://www.haorooms.com/post/2n ,而且都能成功运行! linux配置:http://www.haorooms.com/post/4pz ,应该都是没有问题的。但是我之前的一篇文章也写过,安装EZHTTP的集成安装包之后,node的命令不好用了!害得我不得不退而求其次,安装LAMPP。LAMPP相对不是很安全,但是也可以设置。

我的安装过程如下:

Welcome to the XAMPP Setup Wizard.

----------------------------------------------------------------------------
Select the components you want to install; clear the components you do not want 
to install. Click Next when you are ready to continue.

XAMPP Core Files [y/N] : y

XAMPP Developer Files [Y/n] :y

Is the selection above correct? [Y/n]: y

----------------------------------------------------------------------------
Installation Directory

XAMPP will be installed to /opt/lampp
Press [Enter] to continue:

----------------------------------------------------------------------------
Setup is now ready to begin installing XAMPP on your computer.

Do you want to continue? [Y/n]: y

----------------------------------------------------------------------------
Please wait while Setup installs XAMPP on your computer.

Installing
0% ______________ 50% ______________ 100%
############[root@iZ28uuyr1giZ opt]#

前端工程师搭建linux服务器的一些感受

我是一名前端攻城师,从2011年到现在从事前端开发已经三个年头。看我的上一篇文章“Web前端开发工程师编程能力飞升之路”http://www.haorooms.com/post/web_qianduankaifa ,之后,我感觉自己在前端方面还有很长的路要走!前端的新知识,新技术更新换代速度很快,作为前端开发人员,应该多多尝试新的知识和技术。

服务器技术虽然不属于前端,主要属于公司运维来管理。但是作为前端,我觉得也应该多少会一些。对于linux操作系统,我接触时间也就是一年左右,是一个菜鸟。之前接触的最多的就是我们常用的window操作系统。所以对于linux操作系统下面服务器环境的搭建,对于我来说更是一件难事!

今年年初,我自己搞了一台linux的虚拟机,然后自己搭建了linux系统下面的lamp(Linux+Apache+Mysql + PHP ),因为我也是第一次搭建,用的是EZHTTP的集成安装包。搭建起来比较容易,新手也很快就学会了。搭建的lamp也能成功运行!EZHTTP教程地址是:https://www.lxconfig.com/thread-51-1-1.html

读‘Web前端开发工程师编程能力飞升之路’感触

引子

最近在某博客上看到一篇‘Web前端开发工程师编程能力飞升之路’的文章,写的很不错。前端的水真的很深。之前逛百度贴吧的时候,也看到又问提问前端工程师的薪水问题,前端工程师根据你的能力,薪水可以很高!但是那些初级的入门前端,薪资还是不高的。下面我将这篇博客转载在我的博客上面,由于本篇博客转载次数太多,原文作者已经无法考究。博客内容如下:

背景

如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧; 如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧; 如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧; WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过几年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,几乎所有从事这个职业的人都是靠自己自学成才。自学成才,一条艰辛的坎坷路,本文作者也是这样一路走来的。如今再回首,期间的走了很多弯路。推已及人,如果能让那些后来者少走些弯路,辛甚辛甚!

前言

所谓的天才,只不过是比平常人更快的掌握技能、完成工作罢了;只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸。 本文将WEB前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。 所谓的级别,只是你面对需求时的一种态度:能够完成、能够完美地完成、能够超出预期地完成。以追求完美的态度加以扎实的编程功力,那就是你的编程水平。 切记心浮气燥,级别够了,那级别里的东西自然就懂了。悟了就是悟了,没悟也没关系,静下心来,投入时间而已。

一、入门