小编Luk*_*uke的帖子

为什么我不能在HTML中显示磅(£)符号?

我试图在HTML中显示英镑符号(来自PHP),但我得到的只是带有问号的符号.

以下是我尝试过的事情.

在PHP中:

header('Content-type: text/html; charset=utf-8');
Run Code Online (Sandbox Code Playgroud)

在HTML中,将其放在head标签中:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
Run Code Online (Sandbox Code Playgroud)

我尝试使用javascript函数显示它,将其转换为:

&amp;#65533;
Run Code Online (Sandbox Code Playgroud)

我想如果我知道自己在做什么会有所帮助...但我猜这就是我问这个问题的原因:)

html javascript

41
推荐指数
4
解决办法
9万
查看次数

HTML5 导航和其他语义元素的嵌套

当使用<nav>元素时,应如何处理包含链接以及其他内容(例如下例中的徽标)的导航元素?

我发现自己将所有内容都包含在<nav> 元素中:

<nav>      
  <div class="logo"></div>
  <div class="links">
    <a href>One</a>
    <a href>Two</a>
    <a href>Three</a>
  </div>
</nav>
Run Code Online (Sandbox Code Playgroud)

但我应该只将实际的导航元素包装在 a 中吗<nav>?(本例中的链接)

<div class="nav">      
  <div class="logo"></div>
  <nav>
    <a href>One</a>
    <a href>Two</a>
    <a href>Three</a>
  </nav>
</div>
Run Code Online (Sandbox Code Playgroud)

这同样适用于其他一些标签,例如<time>,如果它包含额外的数据:

<div class="time">
  Article posted: <time>2016-09-16</time>
</div>
Run Code Online (Sandbox Code Playgroud)

<time>
  Article posted: <span>2016-09-16</span>
</time>
Run Code Online (Sandbox Code Playgroud)

我不是在谈论代码的可读性,而是在谈论优化标记结构以利于爬虫(SEO)和可访问性。

编辑:徽标只是一个例子。通常会有更多内容,为了简洁起见,我仅使用徽标作为示例。

html seo accessibility semantic-markup

5
推荐指数
1
解决办法
2156
查看次数

标签 统计

html ×2

accessibility ×1

javascript ×1

semantic-markup ×1

seo ×1