HTML5主播不起作用

时间:2016-06-03 14:47:19

标签: javascript html css html5 anchor

我正在使用HTML5,这是我的代码,我正在遵循本教程 - https://www.youtube.com/watch?v=kDyJN7qQETA

代码 -

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
 <body>
<article>Hello</article>
<meta name="description" content="Vaibhav chhabra"/>


<a name="pageTop">Top of page</a>

<a href="html5.html#pageBottom">Bottom of page</a>

<br><br><br>
<a href="youtube.com" title="Youtube Site website Titile" >Youtbe alone</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<p>Hello Worlddddd22222222dddddd</p>
<a href="html5.html#pageTop">Top of Page</a>
<a id="pageBottom">Bottom of page</a><br>
</body>
</head>
</html>

当我点击页面底部超链接而不是将我带到页面底部时,我发现页面未找到错误,同样是Page Top的问题。 Plz帮助

3 个答案:

答案 0 :(得分:3)

您的代码应该按预期工作,但是您的标记似乎遍布整个地方(例如,错误或丢失的标签分散在整个地方)。

如果您希望链接位于同一页面上,请考虑只指向锚点本身:

<a href='#pageBottom'>Bottom of Page</a>

只要您在当前位置的可访问目录中实际拥有一个名为该页面的页面,就可以使用href='#html5.html#pageBottom方法。

示例

enter image description here

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="description" content="Vaibhav vaihhbhav chhabra" />
  <meta charset="UTF-8">
</head>
<body>
  <article>Hello</article>
  <a name="pageTop">Top of page</a>
  <a href="#pageBottom">Bottom of page</a>
  <br>
  <br>
  <br>
  <a href="youtube.com" title="Youtube Site website Titile">Youtbe alone</a>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>Hello Worlddddd22222222dddddd</p>
  <a href="#pageTop">Top of Page</a>
  <a id="pageBottom">Bottom of page</a>
  <br>
</body>
</html>

答案 1 :(得分:0)

基本HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body> <!--Emphasis on the opening body tag and that is outside the <head></head> section -->

<h1></h1>
<p></p>

</body>
</html>

创建Anchor Tag

  

name属性允许使用锚标记指向网页上的特定位置。

<a name="top"></a>
<a href="#top">Top</a>

答案 2 :(得分:-1)

您的代码中存在一些错误。 我已经为你修好了。 CODE -

settings.py