是时候拯救我的 HTML 技术了( 二 ) _HTML

<base href=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/"http://www.example.com/" />通过以上设置， href=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/"#internal"将被编译为href=http://www.example.com/#internal 。或者href="example.org"将被编译为href=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/"http://www.example.com/example.org" 。
9.描述
这个meta标签非常有用，尽管严格来说它不是最佳写法。但在搜索引擎时，这是超级有用的。
<meta name="description" content="HTML best practices">这有一个帖子“搜索引擎优化正盛行”：https://yashints.dev/blog/2019/06/11/seo-tips 。
10.语义标签
虽然可以使用div创建UX工程师的线框，但这并不意味着必须这样做。语义HTML为页面提供了意义，而不单纯是内容显示。像p、section、h{1-6}、main、nav等标签都是语义标签。如果使用p标签，用户将知道这表示一段文本，浏览器也知道如何展示它们。
语义HTML超出了本文的范围。但是我们应该进行检查，就好比写作所用的笔，而我们有鼠标。
11.hr不应该用于格式化
<hr>不是格式化元素，所以不要用它来格式化内容。在HTML5中，这个标签代表了内容的主题分离。正确的用法是这样的:
Paragraph about puppiesParagraph about puppies' favourite foodsParagraph about puppies' breeds<hr>Paragraph about why I am shaving my head 12.使用title属性时要小心
title属性是一个功能强大的工具，它可以帮助阐明页面上元素的操作或目的，比如工具提示。但是，它不能与图像上的alt等其他属性互换。
HTML 5 规范道:

目前不鼓励依赖title属性，因为很多用户代理不按照规范的访问方式来暴露该属性（例如，使用鼠标等设备来唤出提示框，而不包括只用键盘或触控键盘的用户，或者现代手机或平板电脑）。

请阅读有关如何正确使用此属性的更多信息：https://html.spec.whatwg.org/multipage/dom.html#the-title-attribute 。
13.单引号或双引号
我见过的许多代码库，他们的标记中混合了这两种形式。这并不好，特别是当你使用一个依赖于单引号的框架时，比如php ，当你在一个句子中使用单引号时，就像我现在做的一样。另一个原因是保持一致，这总是好的。不要这样写:
<img alt="super funny meme" src=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/'/img/meme.jpg'>而写为：
【是时候拯救我的 HTML 技术了】<img alt="super funny meme" src=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/"/img/meme.jpg">14.省略布尔值
当涉及到属性的布尔值时，建议省略，因为它们不添加任何值，还会增加标记的权重。

public class MyActivity extends AppCompatActivity {<audio autoplay="autoplay" src=https://www.isolves.com/it/cxkf/yy/html5/2019-09-10/"podcast.mp3">

15.省略类型属性
不需要向scriptand样式标签添加type属性。某些服务(如W3C的标记验证工具)还会出现验证错误。
16.验证标记
可以使用W3C的标记验证等服务以确保有效的标记。
17.拒绝内联样式
HTML中写的是内容，其如何展示取决于样式。将展示形式留给CSS吧，不要使用内联样式，这将有利于开发人员和浏览器理解你的标记。
18.总结
这些只是编写标签时要记住的冰山一角。还有很多很好的资源可以让你深入了解，强烈建议你重复阅读。