在 HTML5 中使用 DIV 与新容器标签相比

Using DIV in HTML5 Compared to New Container Tags

我是 HTML 的新手。随着 HTML5 作为标准的受欢迎程度的上升(至少,从我过去几个学期的学习和经验来看),我想知道使用 [[=23= 是否仍然被认为是好的做法]] 而不是新的容器元素,例如 [main]、[nav] 等

我觉得使用 div 比使用新的容器标签要舒服得多,因为它们的默认值以及在按照我想要的方式对页面进行框建模时它们与腻子有多相似.

我的主要问题是:如果潜在雇主或经验丰富的程序员查看我的 HTML5 代码并看到 div 而不是新的容器标签,会不会是被认为是糟糕的 practice/sloppy 编码?还是使用 div 仍然完全可以接受?如果这是一个愚蠢的问题,我深表歉意,但我问是因为在这个学期结束后我将开始申请工作,并希望确保我的 practices/standards 有利于那些能为我提供最高机会的人好就业机会!

默认行为是不使用语义标记的糟糕理由。一方面,几乎每个站点都应该使用 CSS 重置机制。 Bootstrap,等人,为您做这件事,他们通常应用 border-box 尺码以方便使用。

除了适用于旧版浏览器的 polyfill 之外,回退标记也是一种选择。用 HTML5 元素包裹分类的 div 并将 CSS 应用于两者。

语义标记允许使用标准网页以外的其他类型的内容,例如联合提要和打印文档生成。 HTML5 元素在这些情况下以及为使用屏幕阅读器和其他辅助技术的视障用户提供大量上下文信息。

综上所述,我怀疑很多雇主会因为元素选择而扣除。整体页面结构、标记清洁度、适当的内部文档等可能更重要。

DIV 标签不会像使用 html5 特定部分标签那样传达含义。功能与块元素相同。使用新的 HTML5 标签有助于自我记录您的代码,不需要注释来解释每个 DIV 的作用。

DIV 总是可以接受的,但是为了更好的编码语义和搜索引擎,使用 HTML5 标签是更好的做法。迟早你会用到它们,所以最好开始练习。 HTML5 标签是组织代码和帮助搜索引擎获得最佳结果的更好方式。这对 CSS 也有帮助,因为您肯定会保存 类 并将定位标签。 HTML5 就是这样...

我建议开始使用 HTML5 中的新标签,而不仅仅是 div。你应该总是希望尽可能语义化地写作。这有助于您成长为编码员并推动网络向前发展。