与Javascript和CSS相比，经过30多年的发展，HTML似乎逐渐进入了无人问津的角落。怎样才能让HTML重新回到人们视野的中心？
作者|亚塞尔·阿德尔·梅赫拉班
译者|谭梁楷，编辑|屠敏
以下是翻译:
作为一名开发人员，有多少次你写了一个HTML块却没有意识到编码可能并不理想？
为什么？
HTML一直处于无人问津的角落，因为Javascript和CSS总是吸引人们的目光。
请在脑海中保留这个印象，因为我想用一些简单的技巧，让HTML重新回到人们视野的中心。
以下是创建清晰、可维护、可扩展的代码的一些方法，这些方法很好地利用了HTML5的语义标记元素，并将在支持的浏览器中正确呈现。
原因我就不重复了。让我们看看它是什么。
文件类型
在index.html的顶部，确保声明了DOCTYPE。这将在所有浏览器中激活标准模式，并告诉它们如何编译文档。记住DOCTYPE不是HTML元素。
5 HTML5长这样:
注意:如果应用了框架，这是事先写好的。如果没有，我强烈推荐使用像Emmet这样的代码片段，在VS代码中有。
想了解更多关于其他文档类型的信息吗？点击此处查看参考文件:https://html.com/tags/doctype/.
可选标签
有些标签在HTML5中是可选的，主要是因为元素是隐式呈现的。信不信由你，可以省略标签，页面呈现的很好。
你好，欢迎来到这个例子。
以上是一个有效的HTML，但是有些情况下做不到。例如，标签后跟一条注释:你好，欢迎来到这个例子。
上述内容无效，因为注释在标签之外，并且解析树已经更改。
结束标签
永远记得结束标签，否则一些浏览器在渲染页面时会出现问题。出于可读性等原因，建议保留这些内容，后面我会详细介绍。
示例示例
以上都是有效标签，但也有一些特例，如下。
自关闭标签是有效的，但不是必需的。这些要素包括:
,
,
，
，，，，，，，，，，
注意:普通元素不能有自结束标记。
以上明显无效。
字符集
预定义的字符集。最好放在顶级元素里。
这是一个超级酷的标题，对不对
以上无效，标题无法正确渲染。正确的写法是把字符集移到最上面的位置。
这是一个超级酷的标题，对不对
语言
不忽略可选标签的另一个原因是在使用属性时。在这种情况下，我们应该定义网页的语言，这对可访问性和搜索非常重要。
...
标题
千万不要忽略标题标签，否则可访问性太差。我个人是绝对不会用这样的网站的，因为一打开20多页就找不到了。
基础标签
这是一个非常有用的标签，应该谨慎使用。它将设置应用程序的基本URL。一旦设置，所有链接都将与这个基本URL相关，这可能会导致一些不必要的行为:
通过以上设置，href="#internal "将被编译成href = file/tupian/20220929/ "将被编译成href = " http://www.example.com/example.org "。
形容
这个meta标签非常有用，尽管严格来说这不是最好的编写方式。但是搜索引擎的时候，这个超级有用。
并写成:
