京东店铺名称锚点怎么设置?在哪设置?

京东店铺名称锚点怎么设置?在哪设置?,第1张

具体 *** 作:进入编辑器,添加标头模块,启用自定义标头,自定义标头包括中文和英文,中文限制最多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、完成效果图。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11935071.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存