XHTML 与 HTML 之间的差异

通过开始编写严格的 HTML,你可以为 XHTML 做好准备。

如何为 XHTML 做好准备

XHTML 与 HTML 4.01 标准没有太多的不同。

所以将你的代码升级至 4.01 是个不错的开始。

另外,你应该马上使用小写字母编写HTML代码,同时绝不要养成忽略类似 </p> 标签的坏习惯。

祝您可以愉快地编码!

最主要的不同:

  • XHTML 元素必须被正确地嵌套。
  • XHTML 元素必须被关闭。
  • 标签名必须用小写字母。
  • XHTML 文档必须拥有根元素。

元素必须被正确地嵌套

在 HTML 中,某些元素可以像这样彼此不正确地嵌套:

<b><i>This text is bold and italic</b></i>

在 XHTML 中,所有的元素必须像这样彼此正确地嵌套:

<b><i>This text is bold and italic</i></b>

提示:在嵌套列表中一个容易犯的错误,是忘记内部列表必须位于 li 元素中,就像下面这样:

这是错误的:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

这是正确的:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

注意:在正确代码的例子中,我们在 </ul> 之后插入了一个 </li> 标签。

XHTML 元素必须被关闭

非空标签必须使用结束标签。

这是错误的:

<p>This is a paragraph
<p>This is another paragraph

这是正确的:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

空标签也必须被关闭

空标签也必须使用结束标签,或者其开始标签必须使用/>结尾。

这是错误的:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

这是正确的:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须小写

XHTML 规范定义:标签名和属性对大小写敏感。

这是错误的:

<BODY>
<P>This is a paragraph</P>
</BODY>

这是正确的:

<body>
<p>This is a paragraph</p>
</body>

XHTML 文档必须拥有一个根元素

所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:

<html>
<head> ... </head>
<body> ... </body>
</html>

WP添加菜单支持方法

有很多WP主题不支持菜单,有时候想修改菜单不方便,这篇文章里,给大家分享WP添加菜单的方法:

在模板函数里添加以下代码

//菜单支持

if (function_exists('register_nav_menus')){
register_nav_menus(
array(
'nav-topmenu' => '顶部导航',
'nav-menu' => '导航菜单',
'primary' => __( '名站导航', 'lovnvns' ),
'nav001' => '搜索下热门',
'nav002' => '名站导航下热门',
'nav003' => '底部导航一',
'nav004' => '底部导航二',
)
);
}

如果不是在<?php     ?>代码内添加,请在上面用<?php     ?>包含起来

在模板内引用菜单代码

<?php wp_nav_menu( array( 'theme_location' => 'nav-menu' ) ); ?>

其中nav-menu 就是上面注册的菜单,是通过引用调取的。

在菜单面板添加设置菜单,就可以显示了,当然,如原来不支持菜单,就需要进行CSS修改了,美化菜单。

如果在菜单面板提示,不支持原生的菜单之类的,请在模板内添加引用菜单代码,即可解决。

如有问题,可以QQ925474725

 

 

wordpress主题,维基百科主题WikiWP

维基百科主题WikiWP是偶而在网上看到的,之前一直想做百科类网站,用过几个百科程序。感觉都不是很理想。

所以看到此主题就尝试了下。

建了个站:图书百科:http://www.imenglei.cn/

图片预览:

说下此主题吧。

1.主题简洁,无过多修饰。

2.支持边栏小工具。

3.英文主题,需要同学,可以自己汉化下,很简单的。

4.有些小问题,可自行修改。不是很难。

5.无维基百科MideaWiki管理无后台的麻烦

6.无HDwiki的臃肿。

7.强大的wordpress支持。

 

此主题下载地址:http://download.csdn.net/detail/imenglei/4835503

一点基础都没的同学,建议别使用或都付费找人修改。

有小问题,可以QQ925474725

wp主题安装提示'主题缺少 style.css样式表'的解决方法

 

在安装wordpress主题,有时候会遇到提示 "主题缺少 style.css样式表"

1.首先我们要排查的是,在主题文件夹下是不是有这个文件

例如,主题 daohang

通常是保存在 themes文件夹下

我样就要找这个路径:themes/daohang/

看在这里有没有style.css文件

如果没有,那就要看下主题是不是完整的,如果少上传了,就补上传即可解决问题.

如果主题本身就没有这个文件,说明这个主题不符合WP博客主题包要求,自行修改或更换其它主题

2.如果存在themes/daohang/style.css

我们就要查看style.css文件开头是不是标准的WP主题格式.

标准的WP主题style.css开头都有以下格式:

/*
Theme Name: daohang  *这是主题名
Theme URL:  http://blog.menglei.net/ *这是主题链接地址,可为作者主页
Description: 仿Hao123主题  *这是主题描述
Author:  清晨 *这是作者名称
Author URI: http://www.megnlei.info/ *这是作者主页地址
Tags:  绿色*这是主题标签
Version: v1.001*这是版本号
*/

通常是style.css出现乱码,或格式错乱,格式化后一般能解决此问题

暂时发现以上两点方法解决wp主题安装提示'主题缺少 style.css样式表'的问题.

如果有其它问题可以QQ925474725

后记:给那些特别辛苦的同学提个建议,千万别下载dede等其它程序的主题模板安装,要认准是WP主题,还有,建议同学参考WP自带的主题,你自己看下,你的主题目录和官方的主题有啥区别,特别是主题根目录下是否有style.css文件,如果有style.css,是否style.css文件开头几行是类似的.

织梦DEDECMS文档保存位置及命名规则优化

在用dede建站的朋友都知道,优化文档路径,越短越好,相信很多都知道如何去修改,也有许多文章可供参考。

今天清晨在这里补充一些。

为了减少以后的麻烦,建议把文档单独保存在一个文件夹内,而不是保存在文档栏目下。

例如:文档ID为1的文档

可以有两种形式

1.http://www.xxxxx.com/mulu/1.html

2.http://www.xxxxx.com/html/1.html

其中mulu是文档的栏目文件夹。

如果以后移动此文档,就会更改路径,对SEO是有很大影响的。

所以建议用2的形式,文档单独保存在一个文件夹下。

如何实现呢?

现在开讲。

有很多种方式,网上也有很多教程,我讲的是我使用的方法。

修改:common.inc.php

找到文档的默认命名规则这一处

改成以下形式

//文档的默认命名规则
$cfg_arcdir=str_replace("/", "",$cfg_arcdir);//这里去除文档HTML默认保存路径:中出现的“/”,防止出错
$art_shortname = $cfg_df_ext = '.html';
$cfg_df_namerule = $cfg_arcdir.'/{aid}'.$cfg_df_ext;//这里调用上面的路径,方便管理。

说明:其中$cfg_arcdir是后台可以直接设置的,如图:

这种方法的优势是,如果以后想更改路径就直接在后台修改,不用再次更改代码,比较方便。

当然,快速创建栏目处也要修改的,按以上的思路即可实现。

快速创建栏目参考代码:

<input name="namerule" type="text" id="namerule" value="<?php echo str_replace("/", "",$cfg_arcdir); ?>/{aid}/index.html" size="40" />

仿Hao123 网址导航wordpress主题版本:V15.09.16 最终版

主题发布页请移步:http://blog.menglei.net/sitenav/

2015.09.16主题更新:

下载地址

影子互联网址导航150916.zip

https://wdjacms.pipipan.com/fs/16922972-240100568

如果失效请加交流QQ群 122019913 , 在群共享下载

 

使用方法:
1.后台上传安装,或ftp上传。
2.调用主题。
3.添加链接分组,输入组字母别名.
4.添加链接。
5.为每一个分组添加一个对应的页面:
5.1 新建页面,
5.2 标题为链接分组名称,
5.3 内容中输入链接分组ID,
5.4 模板选择[更多链接],
5.5 点击发布,
5.6 修改固定链接,点击编辑,修改成链接分组的别名,再点击发布。
5.7 复制以上步骤,为每个链接分组添加对应的页面。
6.在外观-小工具中添加
6.1 天气预报,请添加文本小工具,输入天气预报代码,请自行网上搜索,需添加透明背景的代码。
6.2 搜索代码,请添加文本小工具,输入搜索代码,请自行去搜索引擎官方查找,百度的代码在站长平台可以查找到。
6.3 左侧网址区上部,自行查看说明。
6.4 左侧网址区下部,自行查看说明。
6.5 主体网址区,请添加链接列表小工具,标题处请填写选择的链接分类标题,以方便查看,链接数默认为8,请不要超过此数。
6.6 底部网址区,添加链接小工具。
6.7 底部版权区,添加文本小工具,自行输入代码,调整代码。
6.8 三个广告代码,请自行添加,注意尺寸要求,详看说明。
7.名站导航为调用菜单,请在后台自行添加。

8.原主题集成方法:
8.1 上传daohang.php,links_more.php文件和CSS文件夹到主题根目录

8.2 打开functions.php文件复制以下代码:
<?php
add_filter( 'pre_option_link_manager_enabled', '__return_true' );
//原主题集成请复制本段代码//清晨导航主题
if ( STYLESHEETPATH == TEMPLATEPATH ) {
define('OF_FILEPATH', TEMPLATEPATH);
} else {
define('OF_FILEPATH', STYLESHEETPATH);
}
require_once(OF_FILEPATH.'/css/menus.php');
require_once(OF_FILEPATH.'/css/widget/widgets.php');
require_once(OF_FILEPATH.'/css/widget/links.php');
?>

8.3 打开原主题functions.php文件,在最顶部粘贴上面复制的代码。
8.4 后台新建页面,模板选择[网址导航],保存即可
8.5 打开8.4中创建的页面,即是所需集成的导航页面效果。

9.如需付费集成到原主题,50元/次,联系QQ 925474725

清晨博客集成效果:
http://blog.menglei.net/hao123/

独立站安装效果:

http://www.1010.org.cn/

本主题,仅使用链接,页面,小工具和菜单即可实现。
因实用性问题,链接分组页面,未做分布处理,发单页面形式展现,请知悉。
升级说明:

//2015.09.15
**清除天气代码,仅保留百度搜索代码,不再添加其余无关代码
**清除各区域边框,以浅色背景作区分
**修改各区域标题样式
**自适应屏幕,手机下可以自动适应了。
**自适应屏幕时,隐藏搜索和主体区左侧边栏内容
**其它细节更新。

//2015.07.24

**顶部添加天气代码,需自行在后台添加文本小工具,输入代码。
**修复百度搜索框居中,需自行在后台添加文本小工具,输入代码。
**集成链接列表小工具,可以在链接主体区域添加,会在列表最后显示更多,点击可以查看更多。
**添加更多链接模板,在页面添加对应链接分类页面时,模板设置为更多链接即可。
**css代码优化,自适应屏幕宽度,不是很完美,以后版本会完善。
**添加两处广告,需自行在后台添加文本小工具,输入代码。

 

*****************************************************

一直从事网络推广工作,经常会遇到一些不错的网站,不方便记下来,所以想做个导航站,自己使用。

在尝试了114导航后,感觉复杂了,不适合我的要求,所以自己查找了下WP主题,发现没有这样的主题,有遇到过一个淘宝客主题,也不适合我。

无奈的情况下,自己尝试制作了本主题。

暂时称为:仿Hao123 网址导航wordpress主题

版本:V12.11.25

演示:http://blog.menglei.net/hao123/

此为后台新建页面,如果设置成首页,即可实现导航站形式。

首发下载:http://download.csdn.net/detail/imenglei/4810212

简单的仿了下,没怎么进行美化,胜在简单,这才是我本意。

说下功能:

1.清爽简单,估计没有比这个更简单的了。

2.代码简单,仅使用菜单和小工具功能实现

3.无任何插件需要

4.仅单页导航功能,这个是优点也是缺点。

5.可集成到现有主题,完美兼容任何WP主题。

6.解决WP无网址导航功能主题的问题(仿导航网站主题)

7.可进行二次开发,实现更多功能。

8.没了哈。

注意事项:

本主题兼容问题,因采用简单的单页形式,所以直接从hao123导航站扒皮而来,未进行过多的修改,有些新问题,可自行修改,都是css错位问题,这个不是很高深的事情,所以可以自行解决。

交流QQ:925474725

wordpress lovnvns主题 本站正在使用主题

lovnvns主题 说明:

来源互联网,有多处可以下载到,作者未知。

如果作者看到此文,可以联系我,以正此主题之名。

最新版本4.0

整体感觉很不错的主题,首页有blog和CMS两种形式可供选择。

blog形式就是文章列表形式,CMS有按分类进行文章调用的排版。

本站暂时使用blog形式。

这个主题感觉还不错,所以拿来使用。

主题全站采用一种绿色的形式,可以自行修改配色,也可二次开发,进行多种颜色调换。本站因是个人博客,暂时不考虑进行修改了。

配合本人自己制作的hao123导航主题(集成到本主题了)使用,可以做个不错的个人站,这是我的选择。

关于lovnvns主题,要注意一些事情。

1.在后台,设置 阅读  首页文章数,要记得选择10

不然在分页时,会出现后几页是空的,错误现象。

2.关于幻灯片调用,

在添加文章时,要记得在写文章时

添加自定义栏目,名称:banner 值:on

这样首页幻灯片就会显示这篇文章的特色图片

3.我使用的文章页复制链接功能无效

可能是浏览器兼容问题吧,暂时没折腾,删除了此功能。

4.其它的问题,

像导航,可以自行修改宽度,就可以显示多几个分类了。

底部链接调用,是用链接分类ID调用的,默认是1.可以自行在代码处修改。

评论关闭问题

如果是新换主题,之前有发表过文章,现有不论在后台如何设置,都是评论关闭状态,这个你可以检查文章,选择编辑,在讨论功能面板里有,允许评论,勾选保存就可以了。

本站不提供下载本主题,请自行问度娘或谷哥。

交流QQ925474725

用插件解决WP建站的文章ID不连续的问题

由于WordPress默认是每60秒就会对文章进行自动保存,在我们写文章时,会自动生成许多草稿,在修改时,也会自动生成修订版本,这些每保存一次都会占用一ID,所以会出现文章ID不连续的问题。

解决这个问题,我们可以关闭版本修订和自动保存功能,即可实现。

下面是最简单的方法,用插件解决。

插件:Super Switch

安装很简单
1、上传插件文件夹 super-switch 到 /wp-content/plugins/ 目录。
2、在插件管理页面激活这个插件。
3、安装完成。

使用这个插件,你可以禁用以下功能(打勾的话,表示该功能启用,即"禁止版本修订"...等功能):

版本修订(Enable Revisions. )
自动保存(Enable autosave. )
主题预览(Enable themes preview. )
不在页面显示WordPress版本(Don’t display the version of WP in the head of your blog. )
Browse Happy(Enable Browse Happy. )
插件升级检查(Enable the update of the plugins. )
WP核心升级检查( Enable the WordPress core update checking and notification system. )

------------分隔线---------------
后续说明:20130511
针对wordpress以ID形式显示文章,出现ID不连续的问题。
这个是无法解决的。
因为wordpress本身ID是几个数据共用的,
在查看数据表中可以清楚的看到,因为文章,文章分类,菜单,链接分类,链接等都是存储在一个表上的。
如果你添加文章之外的其它内容(占用ID的),就会造成文章ID不连续的问题。
这个目前无法解决。
各位同学请不要再纠结这个问题了。

Super Switch这个插件,是可以解决部分问题,可以禁止生成修订版本,禁止自动保存,只能解决部分问题,不能从根本上解决的。请知悉。

CSS让文字、图片及input单行水平对齐的简单方法

CSS单行图文水平垂直对齐方法:

CSS样式:
div img,div input{ vertical-align:middle}

HTML代码:
<div>
<label>姓名:</label><input typt="text" /><img src="xxx.jpg" width=50 height=20 alt="验证码" />
</div>

<div>
<img src="xxx.jpg" alt="注册" /> <a href="#">取回密码"</a>
</div>

这时只要我们给图片加上垂直对齐的属性,后面的文字连接会相应的与图片水平对齐,即: img{     vertical-align:middle;}。当垂直对齐属性为“top“的时候,文字链与图片顶部水平对齐,如次类推。

如果是input与文字链放在一起,在ff和ie7、ie8中文字链都与图片顶部水平对齐,但是在ie6中却是底部对齐,同样我们可以给input添加垂直对齐属性来达到各个浏览器显示效果