我是HTML和编程的新手,我希望确保我的代码有条理,并且我在使用时使用最佳实践。
所以,我做了这个示例布局我想转换为HTML5: https://postimg.org/image/je10syxhz/
这是我创建的HTML5代码:
<!-- Solutions Section -->
<section id="Solutions">
<header>
<h1>Title</h1>
<h2>Subhead</h2>
</header>
<!-- Items -->
<section>
<article class="Solutions_items">
<!-- Should I have a <header> inside each article? -->
<h1>Item 1</h1>
<p>Lorem ipsum...</p>
</article>
<article class="Solutions_items">
<h1>Item 2</h1>
<p>Lorem ipsum...</p>
</article>
<article class="Solutions_items">
<h1>Item 3</h1>
<p>Lorem ipsum...</p>
</article>
</section>
</section>
现在问题:
使用div
代替sections
或articles
之间有区别吗?我的意思是,不仅在组织领域,而且在优化领域?现在有关于这个特定主题的一般最佳实践惯例吗?因为我觉得使用sections
和articles
使代码更容易阅读(并且还使CSS文件更清晰)。
谢谢! :)
答案 0 :(得分:1)
如果页面部分内的内容在主题上相似,则使用section,div的内容不需要主题相似,div的目的是为样式而不是内容相似性
更多详情 - &gt; What is the difference between <section> and <div>?
div vs article
文章表示“联合”内容,例如“论坛帖子,杂志或报纸文章,博客条目”。
更多详情 - &gt; Section, Article, or Div? and Smaller text in a section and article tag?
更多详情 - &gt; http://html5doctor.com/the-header-element/
更多详情 - &gt; https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br
更多详情 - &gt; Nesting HTML5 section tags
另外,我每页只有一个h1,这与保持html井井有条