标签: semantic-markup
(X)书籍标题的HTML标记
书籍标题是否应包含在<em>标签中？如果不是<em>有更合适的标记？
推荐指数
解决办法
查看次数
请解释rowspan和colspan,col和colgroup
任何人都可以解释rowspan和colspan,col和colgroup？这些W3C的有效性和语义是否正确？在哪些情况下这些有用？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
占位符VS标签,用于HTML5中的输入
我正在创建一个具有多个输入的表单,我需要在输入本身内提供一些表单元素,我就是这样使用的
一个例子
<form class="TTWForm">
<input type="email" name="email" required="required" placeholder="Email Address">
</form>
以上代码在HTML5的W3C验证器中有效.
是否Label在HTML 5没有要求？
如果我使用HTML5 Placeholder来显示内部标签input是好的吗？
是否label仍然需要placeholder使屏幕阅读器兼容？
推荐指数
解决办法
查看次数
从HTML5规范中删除了HGROUP元素.可以使用哪种替代技术？
正如你们中的一些人所听到的那样,该hgroup元素正在从HTML5规范中删除.(有关详细信息,请参阅W3C HTML工作组关于请求hgroup从 W3C的公共邮件列表存档中删除HTML5 的决定.)
现在,我正在使用此标记重新设计网站,创建一种添加子标题的方法.
我目前的想法是hX在主标题下添加另一个标记,但我不确定这是否足够语义.
<h1>Darren Reay</h1>
<h2>A developing web developer</h2>
<p>Hello World</p>
任何人都可以提出使用子标题或者至少指向正确方向的替代方案吗？
推荐指数
解决办法
查看次数
语义HTML5结构与CSS布局需求
我有一个类似下面的网页:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<header>
<span>Logo</span>
<nav>Navigation</nav>
</header>
<main>
<h1>Page heading</h1>
<div>
Page content
</div>
</main>
<footer>
Content information
</footer>
</body>
</html>
页面结构类似于当前HTML5草案中的一个示例:http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-main-element,我认为它是语义正确.
现在我想使用CSS设置此文档的样式.我想成为顶部的页眉和底部的页脚,当然,这很容易实现.在标题内部,我想将徽标放在右侧,并在中心导航,这也没关系(例如,使用灵活的盒子布局模型,这是现代浏览器支持的一种或另一种方式,或者使用花车).
当我想将主要的内容标题(h1元素)放在标题的左侧时,我的问题就开始了.我可以使用position:absolute,但是这样的布局不是很灵活,并且只要标题或标题的大小发生变化就会中断.建议的CSS网格布局http://www.w3.org/TR/css3-grid-layout/可能能够完全符合我的要求,但据我所知,它仅在IE 10中得到支持(不知何故) .
一个简单而有效的解决方案是简单地重构我的页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<div>
<h1 id="heading">Page heading</h1>
<header>
<span>Logo</span>
<nav>Navigation</nav>
</header>
</div>
<main aria-labelledby="heading">
<div>
Page content
</div>
</main>
<footer>
Content information
</footer>
</body>
</html>
然而,这个解决方案虽然易于布局,但它的完整语义只能通过aria-*属性表达,并且似乎违背了HTML5语义的精神(特别是主要元素).
虽然我的示例页面可能很简单,但您可以轻松想象一个更复杂的页面,其中更多元素的视觉位置与HTML5标记的流顺序的顺序不同(并且嵌套以便灵活的框布局顺序属性赢得还不够.你会如何解决这个问题？用非语义元素(例如div)重写HTML5标记,使其更多地与视觉布局相对应,然后尽可能用新结构通过语义元素(例如页脚或主要元素)交换非语义元素？
推荐指数
解决办法
查看次数
我应该把元素ouide放在主要元素的内部吗？
假设aside元素包括"哦,顺便说一下......"等内容,例如阅读建议,广告或交叉销售.
- 在
aside外面是否在语义上可以main吗？ - 如果是的话,如果我
aside不在外面,它是否优于可访问性main,例如"跳到主要内容"命令？ - 最后但并非最不重要,我想知道如果我
aside在外面或内部包含标签,是否有任何SEO影响main.
推荐指数
解决办法
查看次数
这个网站上的HTML如何干净？
我在工作中使用C#但不喜欢webforms如何喷出很多JavaScript,不包括它创建的viewstate的许多行.
这就是为什么我喜欢用PHP编码,因为我完全可以控制它.
但我只是想知道这个网站HTML是如此干净和优雅？
使用MVC是否与它有关？我看到使用了JQuery,但你肯定还在使用asp:required validators？如果你这样做,它通常产生的所有可怕代码在哪里？
如果他们没有使用必要的现场验证器,为什么不呢？当然,开发比使用JQuery更快？
我在PHP中编写个人网站的主要原因之一是它产生了更优雅的HTML,但如果我可以生成像这个网站的代码,那么我将全职.net!
推荐指数
解决办法
查看次数
广告的HTML元素？
网上是否有关于为广告横幅选择哪个HTML元素的权威信息？
我考虑过<article>或者<aside>,但我认为更合适的是:<div class="ad">
推荐指数
解决办法
查看次数
我该如何在HTML5中标记测量单位？(厘米,克等)
我标记一个包含测量单位值的表格.我想过如何标记文档以获得最佳可访问性.尊重值的变量值和常量名称是否重要？
我没有为这种情况找到任何<value>,<unit>元素或适当的属性.
我的三个加价方法
<table>
<td>Brain weight</td>
<td>3.8<em>g</em></td>
</table>
- - - - - - 要么 - - - - - -
<table>
<td>Brain weight</td>
<td><em>3.8</em>g</td>
</table>
- - - - - - 要么 - - - - - -
<table>
<td>Brain weight</td>
<td>3.8<abbr title="Grams">g</abbr></td>
</table>
html html5 accessibility semantic-markup units-of-measurement
推荐指数
解决办法
查看次数