<center>标签是一个HTML标签，用于在页面中居中文本。它曾经被广泛使用，但现在已经被认为是过时的标签，并且通常不被推荐使用。

标签为什么要淘汰？

主要原因在于HTML5的语义化和CSS的样式分离原则。

1. 语义化不足： <center>标签本身只是一个“居中文本”的指令，它没有表达任何关于内容的实际意义。HTML5提倡的是让标签能够表达内容的含义，例如 <p> 表示段落，<h1> 表示一级标题。而 <center> 标签的出现，只是为了改变内容的视觉呈现，这与HTML的核心理念相悖。

2. 样式与结构混淆： 在早期，HTML的样式控制能力非常有限，因此开发者会使用各种标签来调整外观。 <center>标签就是其中之一。然而，随着CSS（层叠样式表）的出现，样式控制被彻底分离出来。CSS拥有更强大、更灵活的样式属性，可以轻松实现居中等视觉效果，并且可以应用于各种HTML元素，而不仅仅是文本。将样式控制放在HTML标签中，违背了“结构（HTML）与表现（CSS）分离”的最佳实践。

3. 可维护性差： 如果你想改变页面中所有居中文本的样式，使用 <center> 标签意味着你需要找到并修改每一个 <center> 标签。而如果使用CSS，你只需要修改CSS文件中的一个规则，所有应用该规则的元素都会自动更新，大大提高了可维护性。

4. 响应式设计困难： 响应式设计是现代网页开发的重要组成部分，要求网页在不同设备上都能良好显示。 <center>标签的行为通常是固定的，很难通过CSS进行灵活的响应式调整。

为什么<center>标签难以淘汰？

尽管 <center> 标签已经过时，但它仍然存在于一些旧的网站和代码库中，并且在某些情况下，它的“替代品”也可能存在一些挑战，导致它显得“难以淘汰”：

1. 历史遗留代码： 互联网上存在大量基于旧HTML标准编写的网站。这些网站中的 <center> 标签在短期内不会被移除，因为改写整个网站的成本非常高。
2. 开发者习惯： 一些较老的开发者可能习惯了使用 <center> 标签，并且对CSS的掌握程度不如新的布局技术。
3. 简单场景下的“快捷方式”： 对于一些极其简单的、一次性的、不对外公开的内部页面，或者在非常匆忙的情况下，开发者可能仍然会图一时方便，直接使用 <center> 标签，而懒得去写CSS。
4. 对CSS的误解或不熟悉： 有些开发者可能不完全理解CSS的居中方法，或者觉得CSS的实现方式比较复杂，不如 <center> 标签直观。
5. 某些CMS或模板的默认行为： 一些旧的、未更新的内容管理系统（CMS）或者模板，可能仍然在后台生成或支持使用 <center> 标签。

div+css有时候无法代替<center>标签？

这里的说法可能有些片面。在绝大多数情况下，div+css完全可以并且应该代替<center>标签。 div+css提供了更强大、更灵活、更语义化的解决方案。

然而，可能存在一些非常特殊的、边缘的、或者误解的情况下，会让人产生“div+css有时无法代替”的错觉：

1. 纯粹的文本居中（误解）： 如果你只是想居中文本，并且不关心任何其他样式，那么一个简单的text-align: center;就能在 div 元素上实现，这比 <center> 更加灵活。
2. 复杂布局中的“快速测试”（不推荐）： 在某些情况下，开发者可能只是想快速地在页面的某个位置“大致”看到一个文本居中的效果，然后可能直接在HTML中嵌入 <center>，之后再用CSS去覆盖或调整。但这种做法非常糟糕，并且不应该是常态。
3. 对CSS属性的误解（如margin: 0 auto;）： margin: 0 auto; 通常用于水平居中文本的块级元素，但它需要元素本身设置了宽度。而 <center> 标签可以居中文本，即使文本本身不占据整个可用宽度。但是，这可以通过父级 div 设置 text-align: center; 来解决。
4. 嵌套的 <center> 标签（虽然更糟糕）： 理论上，你可以嵌套 <center> 标签来实现多层居中，但这是一个非常糟糕的设计。CSS可以通过嵌套的 div 和 text-align 属性来轻松实现同等效果，并且结构更清晰。

总结来说：

* <center>标签淘汰的根本原因是其语义化不足和样式控制的混乱，与现代Web开发的最佳实践（HTML语义化、CSS样式分离）相悖。
* 它难以淘汰是因为历史遗留代码、开发者习惯以及在一些极简单或误解的场景下被当作“快捷方式”。
* div+css在绝大多数情况下都能完美代替<center>标签，提供更强大、更灵活、更易于维护的解决方案。 任何认为div+css无法代替<center>的说法，通常都源于对CSS不熟悉、或者是在追求“错误”的便捷性。

正确的做法是： 任何需要居中文本的场景，都应该使用一个块级元素（如 <div> 或 <p>）包裹需要居中文本的内容，然后在CSS中对该块级元素应用 text-align: center; 属性。