HTML标签文本显示为红色是何原因？是否需要修改代码？

这个标红不是代码运行异常，是编辑器的规范提示，不需要强制修改，但更推荐调整为符合现行标准的写法：

• 标红的本质原因：<center>是HTML4及更早版本的原生标签，在现行HTML5标准里已经被划为废弃特性，主流代码编辑器检测到这类已废弃的标签时，默认会用红色高亮做提醒，这不是语法错误，不会导致代码跑不起来。
• 不修改的实际影响：现在所有主流浏览器都保留了对<center>标签的向后兼容，就算不改代码，标签包裹的内容也能正常水平居中，不会出现布局错乱、功能报错的问题。
• 推荐优化方案：如果要对齐最新的Web开发规范，建议换成CSS实现居中效果，避免后续标准迭代可能出现的兼容问题：
  • 普通块级元素水平居中，直接给元素本身加样式margin: 0 auto;即可
  • 用弹性布局的场景，给父元素加display: flex; justify-content: center;就能实现子元素水平居中

内容的提问来源于stack exchange，提问作者timemachine11