html+css – PHPor 的Blog

曾经总在div的布局上花费时间，今天才发现是因为display属性没有看明白。h1，p，div等元素默认是display:block的，所以，两个div 挨着就总换行； span，a等元素默认display:inline 的，所以，两个span挨着就不会自动换行；现在，了解了 display属性后，就可以方便地控制他们是否换行了。

通过：

通过：

参考资料：

http://www.w3schools.com/css/css_display_visibility.asp

http://www.w3schools.com/css/css_positioning.asp

http://www.w3schools.com/css/css_float.asp

http://www.zhangxinxu.com/wordpress/?p=1565

IN http://www.w3schools.com/css/css_align.asp

Crossbrowser Compatibility Issues

When aligning elements like this, it is always a good idea to predefine margin and padding for the <body> element. This is to avoid visual differences in different browsers.

There is a problem with IE8 and earlier, when using the position property. If a container element (in our case <div>) has a specified width, and the !DOCTYPE declaration is missing, IE8 and earlier versions will add a 17px margin on the right side. This seems to be space reserved for a scrollbar. Always set the !DOCTYPE declaration when using the position property:

原文链接：https://phpor.net/blog/post/1527

form 表单的text/plain 编码方式

html+css No Responses »

6,028

6月 292012

form表单的enctype属性可以设置表单提交时表单内容的编码方式，可用的编码方式有：

enctype

When the value of the method attribute is post, this attribute is the MIME type of content that is used to submit the form to the server. Possible values are:

application/x-www-form-urlencoded: The default value if the attribute is not specified.
multipart/form-data: Use this value if you are using an <input> element with the type attribute set to "file".
text/plain (HTML5)

其中， text/plain 很少使用，其编码方式如下：

原文链接：https://phpor.net/blog/post/1007

html Meta

html+css No Responses »

4,614

6月 272011

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和 keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：

　　name 属性

　　1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；

　　2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；

　　3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；

　　4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；

　　其中的属性说明如下：

　　设定为all：文件将被检索，且页面上的链接可以被查询；

　　设定为none：文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：文件将被检索；

　　设定为follow：页面上的链接可以被查询；

　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

　　http-equiv属性

　　1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；

　　又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

　　2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；

　　3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

　　4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

　　5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

　　6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；

　　7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

　　8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即 FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

　　以上是常用的几个meta属性，有个人主页的朋友不妨在你的主页中加上它，效果可是不一样的哦：）。

原文链接：https://phpor.net/blog/post/857

a标签做按钮

html+css No Responses »

3,533

9月 182009

<a href="javascript:alert(‘href’);" onclick="alert(‘onclick’);"> 先执行onclick ，再执行href</a>
<a href="javascript:alert(‘href’);" onclick="alert(‘onclick’);return false;"> 只执行onclick ，不再href，有时候对我们是有用的</a>

先执行onclick ，再执行href

只执行onclick ，不再href，有时候对我们是有用的

原文链接：https://phpor.net/blog/post/511

修改行间距

html+css No Responses »

2,330

8月 082009

我原来写的文章总是行间距很小，一点都不美观，今天实在看不惯了，就找了一下相关的东西，给文章的部分添加 line-height: 25px; 就搞定了，现在行与行之间有了一些空隙，感觉不原来好多了，其实还可以更美观，但是我不是搞这方面的，就这样凑合着用吧。

原文链接：https://phpor.net/blog/post/475