如果是,那么表现元素在这种情况下会有所帮助,那么我们应该使用它们吗?
<b>…</b> , <i>…</i>, <big>…</big>, <small>…</small>, <tt>…</tt>, <hr />
Run Code Online (Sandbox Code Playgroud)
这些是有效的标签
"On Page SEO"的意思是什么?它与标记,可访问性和语义有关吗?
编辑:
"On Page SEO"是否需要来自XHTML Coder的输入?这是开发人员的工作吗?
只是试图摆脱使用语义正确的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和当前页面选择内容).
请任何建议
谢谢
我正在编写一个左上角有一个大公司徽标的网站.
因此,我将徽标编码为背景图像,H1中的公司名称,并使用图像替换技术隐藏H1.
但在网站的其他部分导航中没有"主页"链接.该徽标可能是"主页"链接.但由于语义/图像替换技术,没有什么可点击的.
在这个情况下,你会怎么做?在徽标上放置透明的东西是我的第一个想法,但我想听听其他建议.
"字幕"是指文字的定义:标题下的第二标题,如"星球大战"中的"新希望"部分.如果你仍然感到困惑,请参阅维基百科的文章,软件(标题).
我正在将文档传输到HTML.在这里,有一个标题(我正在使用一个h1),它的副标题和正文内容(我正在使用ps).我最初认为这是作为一个small内部h1,由一个分开br.但是,知道HTML5,我也考虑过了aside.Bootstrap建议我使用a p class="lead",但我不喜欢它在语义上与本文其余部分完全一样重要的想法.什么元素最能代表HTML5中的副标题?
我有一个label额外的描述和一个input字段。
我有点不确定额外的描述是否属于这样的跨度包裹的标签字段:
<label for="phone">
Telephone
<span>For the delivery</span>
</label>
<input type="text" name="phone">
Run Code Online (Sandbox Code Playgroud)
这样描述是可点击的。但我不确定这是否是考虑到 a11y 和语义标记的正确方法。
额外的信息属于标签还是应该分开,应该如何格式化?
我有链接指向页面中的部分.为了提高可访问性,我已将属性添加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)
让我们说一个空的div或span将被JavaScript用来添加一些东西,如
<div id='id'></div>
Run Code Online (Sandbox Code Playgroud)
在语义上它是错误的,因为它不能为空(我忘记了当下的原因).我们用的话
<div id='id'> </div>
Run Code Online (Sandbox Code Playgroud)
直到,如果,JavaScript做它的魔力.
但我也不喜欢它,因为那里没有真正的空间.我会做
<div id='id' />
Run Code Online (Sandbox Code Playgroud)
但自闭标签解释了它的问题.
还有其他我想不到的解决方案吗?或者是 真的最好吗?
请注意,这是关于HTML文档,而不是浏览器呈现的方式.对于浏览器,我们只是将其设置为不渲染,然后用JS显示它.
编辑:是的,div在语义上是错误的.这意味着要有一些内容,否则它在语义上是无用的.Eric Meyer CSS Diagnostic说.如果我理解错了,而不是否定我,教我...
我正在创建一个网页,其中包含不同类型文本的混合 - 粗体,下划线,小,左对齐,居中对齐,右对齐等,并尝试从HTML中抽象样式,我我试图取消<b>和<u>标记.结果是定义类(例如"粗体","下划线","小"等)并使用CSS来提供样式.但是,这使得HTML更加冗长,div和span都有类似的东西class="rightAlign small bold underline".有一个更好的方法吗?
谢谢!
http://www.w3.org/QA/Tools/Icons
以下是HTML5规范所说的内容:
- 该
address元素代表联系信息[...]- 该
address元素不得用于表示任意地址[...]
这不是很荒谬吗?他们说"不要<address>用于地址".他们为什么要将该元素地址命名呢?也许他们不得不说出来<contacts>?
他们说:" p元素是一般标记邮政地址的适当元素"但是,嘿,这个<p>元素适用于任何事情.它可以是一部小说......
如果您想在其网站页脚中标记公司邮政地址,您使用的是什么?只是<p>?我不认为这是一个段落,是吗?
semantic-markup ×11
html ×8
css ×5
xhtml ×4
html5 ×2
w3c ×2
forms ×1
javascript ×1
navigation ×1
semantic-web ×1
seo ×1
wai-aria ×1