首页 > 编程 > HTML > 正文

HTML5实现锚点时请使用id取代name

2020-03-24 18:34:48
字体:
来源:转载
供稿:网友
HTML5已经去掉name属性,实现锚点时请使用id,实例效果:http://keleyi.com/keleyi/phtml/html5/9.htm

支持Chrome,火狐,IE8以上等浏览器

以下是完整代码:

复制代码代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
title HTML5锚点实例--柯乐义 /title base target="_blank" /
style
body{margin:0px;}
/style
/head
body
div id="keleyihead" a href="http://keleyi.com" 柯乐义 /a a href="http://keleyi.com/a/bjac/hwqa4oex.htm" HTML5锚点 /a keleyi.com
script type="text/javascript" src="http://keleyi.com/kineryi/js/gggg728x90a.js" /script /div
div a href="#keleyifoot" target="_self" 转到底部 /a /div
div 请滚动鼠标使页面向下 /div
div www.keleyi.com /div
div 欢迎 /div
div hi /div
div
a href="http://keleyi.com/dev/94fb5964c80ee829.htm" target="_blank" 绿色箭头图片返回顶部效果 /a
a href="http://keleyi.com/a/bjac/7cc2358ac924ebc5.htm" target="_blank" 蓝色方块返回顶部 /a
a href="http://keleyi.com/a/bjac/6f008786225269ac.htm" target="_blank" 纯文本返回顶部 /a
a href="http://keleyi.com/a/bjac/8aa32432160f9aa4.htm" target="_blank" 漂亮的返回顶部、底部和留言 /a /div
div keleyi.com /div
div keleyi /div
div keleyi.com /div
div 柯乐义 /div
div 柯乐义 监视下滚像素 /div
div keleyi.com /div
div jquery /div
div a href="http://keleyi.com/a/bjac/f4a6f78d74a251c5.htm" target="_blank" 原文 /a /div
div keleyi.com /div
div 完整代码 /div
div HTML5已经去掉name属性,实现锚点时请使用id /div
div id="keleyifoot" a href="#keleyihead" target="_self" 回到顶部 /a /div
/body
/html

直接转到页底示例:
http://keleyi.com/keleyi/phtml/html5/9.htm#keleyifoothtml教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表