超
链接是WWW的基础,也是其核心。单击这些链接,就能从当前Web页跳转进入另外一个Web网页。事实上,这些链接能把用户带到Internet的任何一个部分。就比如说咱们经常浏览的新闻!链接包括许多种,这里介绍最常用的两种:1)内部链接:链接到本地页面(相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址。1、2、6明显的是内部链接)2)外部链接:链接到外部的页面,比如百度、新浪之类的。(绝对地址:描述的不是两个
文件相对的路径关系,它描述的是在互联网的独立地址,包括域名和目录地址。3、4明显的是外部链接)1、相对路径链接(上级找下级)<a href=“news/news.htm”>最近新闻</a>2、相对路径链接(下级找上级)<a href=“../../news.htm”>新闻中心</a>3、绝对路径链接<a href=“http://www.hao.com/news/news.htm”>热门新闻</a>4、链接到其他站点的链接<a href=“http://www.baidu.com”>百度首页</a>5、链接到email<a href=“mailto:fdshjfsdjk@163.com”>投诉邮箱</a>6、下载链接<a href=“aa.zip”>文件下载</a>7、超链接的锚标记应用(尤其是大家看到百度百科里面的内容)<a href=“#mingxing”>明星学员</a><a name=“mingxing”>我们要努力当明星学员</a>html超链接新窗口打开html超链接怎么样打开一个心得窗口?你是怎么样做的?试试下面的方法吧! a和href
属性HTML用来表示超链接,英文叫anchor。 一 让整个网页页面内的链接都在新窗口打开:在head中加入 二 让一个DIV里所有链接在新窗口打开: 在body中加入 复制代码 代码如下: script language="JavaScript" var anchors = document.getElementById("DIV名").getElementsByTagName("a") for(var i=0i /script加入了是否特别要当前窗口打开的 复制代码 代码如下: //控制超链接在新窗口打开 var tar="" tar="_blank" var urls=document.getElementsByTagName("a") for (var i=0i { if(urls[i].target!="_self"){ urls[i].target=tar } } 三 让指定链接在新窗口打开: 在原窗口打开: 百度 在新窗口打开::<a tager="_blank" href="// 可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: 链接的显示文字点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。 比如链接到站点首页,就可以这样表示: 多特软件站首页target属性使用target属性,可以在一个新窗口里打开链接文件。 多特软件站首页 title属性使用title属性,可以让鼠标悬停在超链接上的.时候,显示该超链接的文字注释。 多特软件站网站如果希望注释多行显示,可以使用 作为换行符。 多特软件站网站 name属性使用name属性,可以跳转到一个文件的指定部位。 使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name: 参见第一章第一章 name属性通常用于创建一个大文件的章节目录(tableofcontents)。每个章节都建立一个链接,放在文件的开始处,每个章节的开头都设置Name属性。当用户点击某个章节的链接时,这个章节的内容就显示在最上面。 如果浏览器不能找到Name指定的部分,则显示文章开头,不报错。 链接到email地址在网站中,您经常会看到“联系我们”的链接,一点击这个链接,就会触发您的邮件客户端,比如OutlookExpress,然后显示一个新建mail的窗口。用可以实现这样的功能。 联系新浪HTML 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理,不会按照你写的原本 HTML 展示。
在桌面和移动端渲染电子邮件大约有上百万种不同的组合方式。
尤其是鼎鼎大名的 OutLook,从 OutLook2007 开始便使用 Word HTML 引擎进行渲染,为了它的安全性从而使得整个邮件倒退回了 2000 年前,为了邮件的兼容性你不得不使用很多废弃的标签、属性,并且这一状况将会维持无数个
年头,因为虽然万事终有尽头,但 OutLook 始终存在。
因为微软一向地特立独行,使得 OutLook 成为了最难啃的骨头。因为 OutLook 支持的标签和属性少得可怜,所以只要兼容了 OutLook,其他邮箱客户端基本都不会有什么问题。
使用tableb布局
这几乎是 HTML 邮件与普通 HTML 页面最大的区别,因为各个邮箱对 div + css 这一套布局的解析问题很大(如 float / position 等 CSS 都会被过滤,甚至 margin: 0 auto都不起作用),基本各大邮箱都会解析混乱,所以老式的 table 布局是上乘之选。这就意味着 HTML 邮件中几乎只有这几个元素——table / tr / td / span / img / a,尽量避免使用 div / p 或是其他标签。
而且并不是所有邮箱都支持 colspan / rowspan 属性,所以所有布局都需要使用 table 嵌套解决。
1.Doctype
目前,兼容性最好的Doctype是XHTML 1.0 Strict,事实上Gmail和Hotmail会删掉你的Doctype,换上这个Doctype。
使用这个Doctype,也就意味着,不能使用HTML5的语法。
2.布局
网页的布局(layout)必须使用表格(table)。首先,放置一个最外层的大表格,用来设置背景。
基本html
3.图片
图片是唯一可以引用的外部资源。其他的外部资源,比如样式表文件、字体文件、视频文件等,一概不能引用。
有些客户端会给图片链接加上边框,要去除边框。
需要注意的是,不少客户端默认不显示图片(比如Gmail),所以要确保即使没有图片,主要内容也能被阅读。
4.行内样式
所有的CSS规则,最好都采用行内样式。因为放置在网页头部的样式,很可能会被客户端删除。客户端对CSS规则的支持情况,请看这里。
另外,不要采用CSS的简写形式,有些客户端不支持。比如,不要写成下面这样:
如果想表达
要写成下面这样:
相关文章
HTML 邮件兼容问题与解决方案
评论列表(0条)