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

秋秋德小屋

秋秋德小屋

2016-02-19 10:06

今天图老师小编要跟大家分享HTML5实现锚点时请使用id取代name,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
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
titleHTML5锚点实例--柯乐义/titlebase 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 style="height:30px;width:100%;text-align:center"a href="#keleyifoot" target="_self"转到底部/a/div
div style="background-color:#959822; width:100%;height:150px;"请滚动鼠标使页面向下/div
div style="background-color:Green; width:100%;height:150px;"www.keleyi.com/div
div style="background-color:Red; width:100%;height:150px;"欢迎/div
div style="background-color:Yellow; width:100%;height:150px;"hi/div
div style="background-color:Silver; width:100%;height:150px;"
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 style="background-color:Aqua; width:100%;height:150px;"keleyi.com/div
div style="background-color:Fuchsia; width:100%;height:150px;"keleyi/div
div style="background-color:Green; width:100%;height:150px;"keleyi.com/div
div style="background-color:Blue; width:100%;height:150px;"柯乐义/div
div style="background-color:Olive; width:100%;height:150px;"柯乐义 监视下滚像素/div
div style="background-color:Green; width:100%;height:150px;"keleyi.com/div
div style="background-color:Purple; width:100%;height:150px;"jquery/div
div style="background-color:Green; width:100%;height:150px;"a href="http://keleyi.com/a/bjac/f4a6f78d74a251c5.htm" target="_blank"原文/a/div
div style="background-color:Lime; width:100%;height:150px;"keleyi.com/div
div style="background-color:Orange; width:100%;height:150px;"完整代码/div
div style="height:200px;width:100%;"HTML5已经去掉name属性,实现锚点时请使用id/div
div id="keleyifoot" style="width:100%;height:276px;background: url(http://keleyi.com/images/footerimg.jpg); background-position:center top; background-repeat:no-repeat;text-align:center;"a href="#keleyihead" target="_self"回到顶部/a/div
/body
/html

直接转到页底示例:
http://keleyi.com/keleyi/phtml/html5/9.htm#keleyifoot
展开更多 50%)
分享

猜你喜欢

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

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

HTML5是否真的可以取代Flash

Web开发
HTML5是否真的可以取代Flash

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

html5时钟实现代码

Web开发
html5时钟实现代码

html5拖曳操作 HTML5实现网页元素的拖放操作

Web开发
html5拖曳操作 HTML5实现网页元素的拖放操作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

html5 canvas 使用示例

Web开发
html5 canvas 使用示例

HTML5 Canvas标签使用收录

Web开发
HTML5 Canvas标签使用收录

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

C++开发:为什么多线程读写shared_ptr要加锁的详细介绍

C++开发:为什么多线程读写shared_ptr要加锁的详细介绍

CHR(10)表示换行CHR(13)表示回车CHR(32)表示空格

CHR(10)表示换行CHR(13)表示回车CHR(32)表示空格
下拉加载更多内容 ↓