Blog@35上导致页面变形问题

在blog.35.cn上编写文章,特别是ctrl-c 和ctrl-v操作的同志,会经常出现页面错乱,侧边栏偏离十万八千里。

我在这里总结下导致这些情况的主要原因和使用情况说明;

在编写文章时候,提供了灵活性,即你可以编写的时候使用很多html标签,但在使用的时候如果不规范使用就会导致问题。

不规范如下情况:

1、标签不对称

例如:<div><p></div></p>

2、标签没有结束标记

例如:<div><p>我的内容</p>

3、阅读更多的使用

<!—more–>的标签之前标签必须对称并且是关闭的。因为首页中只截取<!—more–>之前的内容。

4、非法标签。

非法标签会被过滤,文章中可以使用的标签入下(包括可以使用的属性):
address:
a:class|href|id|title|rel|rev|name|target|
abbr:class|title|
acronym:title|
b:
big:
blockquote:id|cite|class|lang|xml:lang|
br:class|
button:disabled|name|type|value|
caption:align|class|
cite:class|dir|lang|title|
code:style|
col:align|char|charoff|span|dir|style|valign|width|
del:datetime|
dd:
div:align|class|dir|id|lang|style|xml:lang|
dl:
dt:
em:
fieldset:
font:color|face|size|
form:action|accept|accept-charset|enctype|method|name|target|
h1:align|style|class|
h2:align|style|class|
h3:align|style|class|
h4:align|style|class|
h5:align|style|class|
h6:align|style|class|
hr:align|class|noshade|size|width|
i:
img:alt|align|border|class|height|hspace|longdesc|vspace|src|style|width|
ins:datetime|cite|
kbd:
label:for|
legend:align|
li:align|class|
p:class|align|dir|lang|style|xml:lang|
pre:style|width|
q:cite|
s:
span:class|dir|align|style|title|
strike:
strong:
sub:
sup:
table:align|bgcolor|border|cellpadding|cellspacing|class|dir|id|rules|style|summary|width|
tbody:align|char|charoff|valign|
td:abbr|align|axis|bgcolor|char|charoff|class|colspan|dir|headers|height|nowrap|rowspan|scope|style|valign|width|
textarea:cols|rows|disabled|name|readonly|
tfoot:align|char|class|charoff|valign|
th:abbr|align|axis|bgcolor|char|charoff|class|colspan|headers|height|nowrap|rowspan|scope|valign|width|
thead:align|char|charoff|class|valign|
title:
tr:align|bgcolor|char|charoff|class|style|valign|
tt:
u:
ul:class|style|type|
ol:class|start|style|type|
var:

基本包含大部分的html标签;

在编写文章时候,建议大家删除没有必要的标签,这样可以减少传输和执行速度,多余的标签和属性入下:
1、重叠标签
例如:<span><span>我的内容<span><span>
你可以修改为<span>我的内容<span>
2、无用属性
例如:<span id=’myspan’ class=’myclass’>我的内容</span>
myclass不是系统提供的样式,因为用户无法自己定义样式,所以可以移除。
最好修改为<span>我的内容</span>

以后可以编辑css样式功能,会提供些系统可用的样式或自己编写样式,文章就多样化和灵活化了。

评论列表(1条评论)

  1. [...] 4、Blog@35上导致页面变形问题 [...]

发表评论

 

得到OpenID
使用OpenID提供商
35OpenID 35OpenID MyOpenID MyOpenID Flickr Flickr
Google Google Yahoo Yahoo! AOL AOL
Blogger Blogger LiveJournal LiveJournal Verisign Verisign
ClaimID ClaimID Technorati Technorati Vidoop Vidoop
OpenID OpenID 帮助
您还没有登录,请登录后继续操作。
提示:您必需打开Cookie才能使用本系统
请输入您的 OpenID OpenID 登录:
例如:http://yourname.openid.35.com
close