我想渲染一个包含标签及其相关值列表的配置文件用户容器.
这是我想要显示的信息和布局的摘录:
名字 ....... MyName
年龄 ................... MyAge
电子邮件 ................ MyEmail
我知道有很多可用的例子,但问题是似乎没有普遍接受的解决方案.
到目前为止,我已经看到以下用法:
什么是最语义正确的？什么是最容易显示(2列布局)？您建议我使用什么以及出于什么原因？
(html/css代码片段不仅欢迎)
当我尝试验证我的页面时,我收到警告http://validator.w3.org:
科缺乏标题.考虑使用h2-h6元素为所有部分添加标识标题.
我的代码如下:
<section id="slider-wrapper-new">
<div class="slider-container-new">
// some code..
</div>
</section>
如何删除此错误？我是否必须在标题内添加h1- h6标签？
html semantic-markup w3c-validation html-validation sections
是否有必要<tbody>在每张桌子上？根据标准.
HTML <head>标记中的配置文件属性有什么用？
我碰巧在这里读到了它:http://www.w3schools.com/tags/tag_head.asp.
我也无法理解这一点(http://www.w3.org/2002/12/namespace),因为它太技术性(对我而言).
我从来没用过它.它的目的是什么？
我有一个地址将显示在网页上,但它不是该页面作者的地址.考虑到w3c的推荐,如何将其编码为语义:
作者可以使用ADDRESS元素来提供文档的联系信息或文档的主要部分,例如表单.此元素通常出现在文档的开头或结尾.
<ul class="mainMenu">
<li><a href="#">Home</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#" class="mainSelected">Construct</a></li>
<li><a href="#">Arcade</a></li>
<li><a href="#">Manual</a></li>
</ul>
<ul class="subMenu">
<li><a href="#">Homepage</a></li>
<li><a href="#">Construct</a></li>
<li><a href="#" class="underSelected">Products</a></li>
<li><a href="#">Community Forum</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
单独使用<nav>这两者是否在语义上更正确<ul>,或者是否应该将两者都包裹起来？
使用nav标签环绕我的页脚菜单项也是合适的吗？
我正在偷看潜入HTML5.这看起来很有趣,但我很困惑.
在20世纪90年代,当Netscape是浏览器而HTML是HTML2或HTML3时,有很多标签:地址,引用,代码...它们中的大多数在今天尚未使用,甚至可能已经过时.
HTML5引入了标签来表达标签本身的"语义".这一切都很有趣和游戏,但我看到这种方法有些奇怪.从技术上讲,语义可以是非常开放的.HTML5包含文章,时间,导航栏,页脚的标签.为什么它不应该包含帖子图标,作者的位置,姓名和姓氏的标签,或者你想要分配特定语义的其他任何标签(我很自信<rant>并且<nsfw>将是非常重要的标签):？我认为XML是将语义分配给东西的策略.没有什么禁止您在XHTML div元素下放置XML块,并为其分配样式表以便正确设置样式,或者委托给适当的查看器处理该命名空间(例如,处理RSS或SVG时).
总而言之,我不明白这种扩展背后的原因是关注语义,当很明显语义是一个非常广泛的主题时,可以保证需要潜在的无限量的语义标签.因为我很确定在W3C有聪明的人,我认为我错了,但我想知道为什么.
我对角色有些困惑.如果我在页面中有一个包含在nav元素中的导航并指定了一个role="navigation".
<nav role="navigation">
...
</nav>
是否已经在语义上明确该nav部分是导航？
或者,如果我的页面上有其他导航部分,并且只为其中一个指定了角色,则此部分在页面上变得最重要？而那些没有role="navigation"无聊导航的人呢？
我与一个替代的图像<div>与background-image对原因background-size: cover;的页面是由前一个图像只是"形象"是一个div现在的结构相同的方式.
将itemprop赋予一个是否有意义<div>？
我在网上看到很多例子,表格的布局如下:
<form>
<p><input></p>
</form>
令我惊讶的是,这也在规范中描述:
任何表单都以表单元素开头,其中放置控件.大多数控件由input元素表示,默认情况下提供单行文本字段.要标记控件,使用标签元素; 标签文本和控件本身进入label元素.表单的每个部分都被视为段落,并且通常使用p元素与其他部分分开.将这些放在一起,以下是人们可能会询问客户姓名的方式:
虽然这部分是非规范性的,但在我看来,这仍然是不好的做法而不是语义.我想目的是将输入放在他们自己的行上,但不应该使用CSS控制这些元素的显示？
有没有理由为什么W3C会以这种方式建议表格？我错过了什么吗？
semantic-markup ×10
html ×7
html5 ×4
w3c ×3
semantic-web ×2
css ×1
css3 ×1
forms ×1
markup ×1
nav ×1
schema.org ×1
sections ×1
xhtml ×1