标签: semantic-markup

如果没有CSS,我们应该始终考虑页面的外观吗?

如果是,那么表现元素在这种情况下会有所帮助,那么我们应该使用它们吗?

<b>…</b> , <i>…</i>, <big>…</big>, <small>…</small>, <tt>…</tt>, <hr />
Run Code Online (Sandbox Code Playgroud)

这些是有效的标签

html css xhtml w3c semantic-markup

0
推荐指数
1
解决办法
210
查看次数

"On Page SEO"的意思是什么?

"On Page SEO"的意思是什么?它与标记,可访问性和语义有关吗?

编辑:

"On Page SEO"是否需要来自XHTML Coder的输入?这是开发人员的工作吗?

xhtml seo accessibility semantic-markup

0
推荐指数
2
解决办法
827
查看次数

语义上正确的XHTML标记

只是试图摆脱使用语义正确的XHTML标记.

只需编写一个小导航项的代码.每个按钮都有效地标题和描述.我认为定义列表因此很好,所以我写了以下内容

<dl>
    <dt>Import images</dt>
    <dd>Read in new image names to database</dd>

    <dt>Exhibition Management</dt>
    <dd>Create / Delete an exhibition </dd>

    <dt>Image Management</dt>
    <dd>Edit name, medium and exhibition data  </dd>
</dl>
Run Code Online (Sandbox Code Playgroud)

但是......我希望以上是3个按钮,每个按钮包含dt和dd文本.如何使用正确的代码执行此操作?通常情况下,我会将每个按钮设为div,并将其用于可视按钮行为(onHover和当前页面选择内容).

请任何建议

谢谢

html css xhtml semantic-markup

0
推荐指数
1
解决办法
293
查看次数

H1图像替换的语义标识......没有任何可点击的内容?

我正在编写一个左上角有一个大公司徽标的网站.

因此,我将徽标编码为背景图像,H1中的公司名称,并使用图像替换技术隐藏H1.

但在网站的其他部分导航中没有"主页"链接.该徽标可能是"主页"链接.但由于语义/图像替换技术,没有什么可点击的.

在这个情况下,你会怎么做?在徽标上放置透明的东西是我的第一个想法,但我想听听其他建议.

html css navigation semantic-markup image-replacement

0
推荐指数
1
解决办法
1733
查看次数

我应该使用<aside>来翻译字幕吗?

"字幕"是指文字的定义:标题下的第二标题,如"星球大战"中的"新希望"部分.如果你仍然感到困惑,请参阅维基百科的文章,软件(标题).

我正在将文档传输到HTML.在这里,有一个标题(我正在使用一个h1),它的副标题和正文内容(我正在使用ps).我最初认为这是作为一个small内部h1,由一个分开br.但是,知道HTML5,我也考虑过了aside.Bootstrap建议我使用a p class="lead",但我不喜欢它在语义上与本文其余部分完全一样重要的想法.什么元素最能代表HTML5中的副标题?

html5 semantic-markup

0
推荐指数
1
解决办法
85
查看次数

如何在语义上标记输入和标签字段的额外信息

我有一个label额外的描述和一个input字段。

带有描述的标签和输入

我有点不确定额外的描述是否属于这样的跨度包裹的标签字段:

<label for="phone">
    Telephone
    <span>For the delivery</span>
</label>
<input type="text" name="phone">
Run Code Online (Sandbox Code Playgroud)

这样描述是可点击的。但我不确定这是否是考虑到 a11y 和语义标记的正确方法。

额外的信息属于标签还是应该分开,应该如何格式化?

html forms accessibility semantic-markup

0
推荐指数
1
解决办法
201
查看次数

在页面部分(哈希)链接上使用role =按钮在语义上是否正确?

我有链接指向页面中的部分.为了提高可访问性,我已将属性添加role="button"到这些中,因为我的理解是这些链接在页面内,只是转到一个部分.但我不确定这样做是否合适.

<ul>
  <li><a role="button" href='#section1'>Go to section 1</a></li>
  <li><a role="button" href='#section2'>Go to section 2</a></li>
</ul>

<div style="height:15rem"></div>

<h2 id='section1'>Section 1</h2>

<div style="height:15rem"></div>

<h2 id='section2'>Section 2</h2>
Run Code Online (Sandbox Code Playgroud)

html accessibility semantic-markup wai-aria

0
推荐指数
1
解决办法
585
查看次数

标记空元素的最佳方法是什么?

让我们说一个空的div或span将被JavaScript用来添加一些东西,如

<div id='id'></div>
Run Code Online (Sandbox Code Playgroud)

在语义上它是错误的,因为它不能为空(我忘记了当下的原因).我们用的话

<div id='id'>&nbsp;</div>
Run Code Online (Sandbox Code Playgroud)

直到,如果,JavaScript做它的魔力.

但我也不喜欢它,因为那里没有真正的空间.我会做

<div id='id' />
Run Code Online (Sandbox Code Playgroud)

自闭标签解释了它的问题.

还有其他我想不到的解决方案吗?或者是  真的最好吗?

请注意,这是关于HTML文档,而不是浏览器呈现的方式.对于浏览器,我们只是将其设置为不渲染,然后用JS显示它.

编辑:是的,div在语义上是错误的.这意味着要有一些内容,否则它在语义上是无用的.Eric Meyer CSS Diagnostic说.如果我理解错了,而不是否定我,教我...

javascript xhtml semantic-web semantic-markup

-1
推荐指数
1
解决办法
140
查看次数

HTML5中文本样式的良好实践

我正在创建一个网页,其中包含不同类型文本的混合 - 粗体,下划线,小,左对齐,居中对齐,右对齐等,并尝试从HTML中抽象样式,我我试图取消<b><u>标记.结果是定义类(例如"粗体","下划线","小"等)并使用CSS来提供样式.但是,这使得HTML更加冗长,div和span都有类似的东西class="rightAlign small bold underline".有一个更好的方法吗?

谢谢!

html css semantic-markup

-1
推荐指数
1
解决办法
1489
查看次数

在网站上添加W3C徽标有什么好处?

http://www.w3.org/QA/Tools/Icons

  • 如果我的代码有效,那么我应该在所有个人和客户网站上添加徽标吗?
  • 我应该在客户站点添加徽标并告诉客户这些好吗?
  • 如果代码有效但语义正确,我们甚至可以使用徽标吗?
  • 为XHTML,CSS可访问性添加这些徽标的好处和目的是什么.
  • 金色蓝色标志有什么区别
  • 为什么W3C提供这些徽标?

html css w3c semantic-markup w3c-validation

-2
推荐指数
1
解决办法
2109
查看次数

不要使用<address>作为地址

以下是HTML5规范所说的内容:

  1. address元素代表联系信息[...]
  2. address元素不得用于表示任意地址[...]

这不是很荒谬吗?他们说"不要<address>用于地址".他们为什么要将该元素地址命名呢?也许他们不得不说出来<contacts>

他们说:" p元素是一般标记邮政地址的适当元素"但是,嘿,这个<p>元素适用于任何事情.它可以是一部小说......

如果您想在其网站页脚中标记公司邮政地址,您使用的是什么?只是<p>?我不认为这是一个段落,是吗?

html html5 semantic-markup

-2
推荐指数
2
解决办法
409
查看次数