具体 *** 作:进入编辑器,添加标头模块,启用自定义标头,自定义标头包括中文和英文,中文限制最多8个汉字,英文限制最多40个字符。发布完成之后,前端详情页面即可看到效果。
注意:自营、全球购、拍卖页面暂不支持该功能。
详情页一般主要是以设计为主,京东运营比较忽视的地方之一,往往都是跟设计说做下详情页。但是却并不重视。所以产品详情页我们作为运营一定要有自己的规划和定位。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{height: 500pxbackground: #1ab394 text-align: centerfont-size: 30px}
div:nth-child(2n){ background: #09f}
.mao{
padding: 10px
height: 140pxbackground: #fff
position: fixedright: 10%top: 20%
z-index: 100
}
.mao a{
display: block
text-decoration: none
color: #000font-size: 16px
}
</style>
</head>
<body>
<div class="mao">
<a href="#m1">锚点1</a>
<a href="#m2">锚点2</a>
<a href="#m3">锚点3</a>
<a href="#m4">锚点4</a>
<a href="#m5">锚点5</a>
<a href="#m6">锚点6</a>
</div>
<div id="m1">锚点1</div>
<div id="m2">锚点2</div>
<div id="m3">锚点3</div>
<div id="m4">锚点4</div>
<div id="m5">锚点5</div>
<div id="m6">锚点6</div>
</body>
</html>
锚点--是网页的超链接中的一种,也叫做命名锚点,通过name来定位。可以实现在同一页页面中进行链接,很常用,它的英文名称是anchor,也是用a标签来链接的。它的作用是链接同一个页面的某一个章节。
1、首先打开一个HTML页面,不同的软件有不同的打开方式,下面是用Adobe Dreamweaver软件来打开一个页面的。
2、基本代码如下所示。
<!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>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
3、在body里面填写如下的代码。
<body>
<a href="q.html#p1">文字1</a>
<a href="q.html#p2">文字2</a>
<a href="q.html#p3">文字3</a>
<a name="p1"></a>
<p>p1段落</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<a name="p2"></a>
<p>p2段落</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<a name="p3"></a>
<p>p3段落</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
</body>
4、锚点的格式代码
<a name="p3"></a>
<p>p3段落</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
5、运行结果如下所示:点击【段落2】会立马跳转到段落2中。
6、完成效果图。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)