大佬教程收集整理的这篇文章主要介绍了html5 – 在HTML 5中使用“标签的语法正确的方法,用`,,和“?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
看起来保持列表并使用HTML 5标签的唯一方法是添加一大堆不必要的div:
@H_673_2@<section> <ol> <li> <article> <h2>Article A</h2> <p>Some text</p> </article> </li> <li> <article> <h2>Article B</h2> <p>Some text</p> </article> </li> <li> <article> <h2>Article C</h2> <p>Some text</p> </article> </li> </ol> </section>有没有更好的方法来做到这一点?你怎么看?
不过你说有一些额外的标记.如果要使用较少的HTML,可以删除列表.您可能会认为您已经失去了按时间顺序的语义,但实际上可以使用pubdate属性使用时间来更好地做到这一点.这将是:
@H_673_2@<article> <header> <h2>The lolcat singularity</h2> <time datetiR_842_11845@e="2010-05-24" pubdate="pubdate">Today</time> </header> <p>…</p> </article> <article> <header> <h2>ThE internet is made of cats</h2> <time datetiR_842_11845@e="2010-05-23" pubdate="pubdate">Yesterday</time> </header> <p>…</p> </article>如果您在首页上列出文章列表,则必须决定内容是否独立(即您是否可以从文章摘要中提取资料).如果是这样,那么上述代码仍然可以.如果总结太短而不能自给自足,那么您可以选择使用列表,但在该阶段,您不处理“文章”语义,因此您的原始类名将会有点误导:
@H_673_2@<ol class="article-list"> <li> <h2>Article A</h2> <p>Some text</p> </li> <li> <h2>Article B</h2> <p>Some text</p> </li> <li> <h2>Article C</h2> <p>Some text</p> </li> </ol>并选择使用.article-list li {}或.article-list h2 {}等
Fwiw我实际上最终使用包含时间公式的文章的排序列表 – 语义带和挂件方法.我现在想知道我是否应该删除列表:)你也可以用hAtom被带走,但请注意,ARIA的角色=“文章”不应该在列表项中使用.
以上是大佬教程为你收集整理的html5 – 在HTML 5中使用“标签的语法正确的方法,用`,,和“?全部内容,希望文章能够帮你解决html5 – 在HTML 5中使用“标签的语法正确的方法,用`,,和“?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。