引号在链接的网址中显示为文字

时间:2015-11-21 02:50:12

标签: html html5

我有一个包含链接列表的页脚部分。出于某种原因,链接的网址接受引号作为我的href属性中链接的一部分:

<footer>
<br><a href=“stylesandformatting.html” target=“_blank”>Styles and Formatting</a>
<br><a href=“morestylesandformatting.html” target=“_blank”>More Styles and Formatting</a>
<br><a href=“layouts.html” target=“_blank”>Layouts</a>
<br><a href=“tableslistsandiframes.html” target=“_blank”>Tables Lists and iFrames</a>
<br><a href=“css.html” target=“_blank”>CSS Syntax, Selectors and Combinators</a>
<br><a href=“responsivedesign.html” target=“_blank”>Responsive Design</a>
<br><a href=“imagegallery.html” target=“_blank”>Image Gallery</a>
</footer>

当我点击链接时,会出现以下结果网址:http://mrwilliams.net/web_design/kgiannamore/%C3%A2%E2%82%AC%C5%93stylesandformatting.html%C3%A2%E2%82%AC%C2%9D

当我从代码中删除引号时,链接完全正常:

<br><a href=stylesandformatting.html target=_blank>Styles and Formatting</a>
  <br><a href=morestylesandformatting.html target=_blank>More Styles and Formatting</a>
  <br><a href=layouts.html target=_blank>Layouts</a>
  <br><a href=tableslistsandiframes.html target=_blank>Tables Lists and iFrames</a>
  <br><a href=css.html target=_blank>CSS Syntax, Selectors and Combinators</a>
  <br><a href=responsivedesign.html target=_blank>Responsive Design</a>
  <br><a href=imagegallery.html target=_blank>Image Gallery</a>

有人能告诉我可能会发生什么吗?

2 个答案:

答案 0 :(得分:1)

那些似乎是卷曲的或聪明的&#34;引号,而不是常规的&#39;直引号。您的编辑器可能会自动将引号转换为&#34; smart&#34;引号,这对文本很有用,但对于标记很糟糕。

Here's an article可能会帮助您解决问题,或至少更好地理解它。

答案 1 :(得分:0)

试试这段代码。这对我来说很好。

<footer>
<br><a href="stylesandformatting.html" target="_blank">Styles and Formatting</a>
<br><a href="morestylesandformatting.html" target="_blank">More Styles and Formatting</a>
<br><a href="layouts.html" target="_blank">Layouts</a>
<br><a href="tableslistsandiframes.html" target="_blank">Tables Lists and iFrames</a>
<br><a href="css.html" target="_blank">CSS Syntax, Selectors and Combinators</a>
<br><a href="responsivedesign.html" target="_blank">Responsive Design</a>
<br><a href="imagegallery.html" target="_blank">Image Gallery</a>
</footer>

感谢。