html中锚点的使用,html添加锚点
HTML5已经去掉名字属性,实现锚点时请使用id,实例效果:http://可乐依。com/keleyi/phtml/html 5/9。html文件的后缀
支持铬合金,火狐,IE8以上等浏览器。
以下是完整代码:复制代码代码如下:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。 DTD
html xmlns= http://。w3。 org/1999/XHTML
头
titleHTML5锚点实例-柯乐义/titlebase target=_blank /
风格
body { margin:0px;}
/风格
/头
身体
div id= keleyihead a href= http://keleyi。 com 柯乐义/a a href= http://克莱依。com/a/bjac/hwq a4 oex。htm html 5锚点/一个keleyi.com
script type= text/JavaScript src= http://keleyi。com/kiner yi/js/gggg 728 x90a。js /script/div
div style= height:30px;宽度:100%;text-align:center a href= # keleyifoot target= _ self 转到底部/a/div
div style= background-color:# 959822;宽度:100%;高度:150像素;请滚动鼠标使页面向下/div
div style=background-color:绿色;宽度:100%;高度:150像素;www.keleyi.com/div
div style=background-color:红色;宽度:100%;高度:150像素;欢迎/div
div style=background-color:黄色;宽度:100%;高度:150像素;嗨/div
div style=background-color:银色;宽度:100%;高度:150像素;
克莱依。com/dev/94fb 5964 c 80 ee 829。htm target= _ blank 绿色箭头图片返回顶部效果/a
克莱依。com/a/bjac/7cc 2358 AC 924 ebc 5。htm target= _ blank 蓝色方块返回顶部/a
克莱依。com/a/bjac/6f 008786225269 AC。htm target= _ blank 纯文本返回顶部/a
克莱依。com/a/bjac/8aa 32432160 f9aa 4。htm target= _ blank 漂亮的返回顶部、底部和留言/a/div
div style= background-color:Aqua;宽度:100%;高度:150像素;keleyi.com/div
div style=background-color:紫红色;宽度:100%;高度:150像素;凯莱伊/div
div style=background-color:绿色;宽度:100%;高度:150像素;keleyi.com/div
div style=background-color:蓝色;宽度:100%;高度:150像素;柯乐义/div
div style=background-color:橄榄色;宽度:100%;高度:150像素;柯乐义监视下滚像素/div
div style=background-color:绿色;宽度:100%;高度:150像素;keleyi.com/div
div style=background-color:紫色;宽度:100%;高度:150像素;jquery/div
div style=background-color:绿色;宽度:100%;高度:150像素;克莱依。com/a/bjac/f 4 a6f 78d 74 a 251 c 5。htm target= _ blank 原文/a/div
div style= background-color:Lime;宽度:100%;高度:150像素;keleyi.com/div
div style=background-color:橙色;宽度:100%;高度:150像素;完整代码/div
div style= height:200 px;宽度:100%;HTML5已经去掉名字属性,实现锚点时请使用id/div
div id= keleyifoot style= width:100%;高度:276像素背景:网址(http://可乐易。com/images/footer imgjpg);背景-位置:中心顶部;背景-重复:不重复;文本对齐:居中;a href= # keleyihead target= _ self 回到顶部/a/div
/body
/html
直接转到页底示例:
http://keleyi.com/keleyi/phtml/html5/9.htm#keleyifoot
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。