这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前言
今天是学习HTML。对于HTML，它是一个页面的内容，也可以说是骨架，是我们开发Web页面的基础，是用户所看到的东西。可以说它的作用是经济基础确定上层建筑。
在学习的过程中，我了解到前端要关注许多内容，包括兼容、功能、性能、安全、美观、体验、无障碍等等方面。但我觉得最基础的是要实现兼容问题，如果写出来的页面连最基本的浏览器都兼容不了，那么这样的代码是失败的。我也了解到前端不仅是可以开发页面，而且可以用node开发服务器应用、用electron开发客户端应用等等。由此看来，前端的就业方向可以说是很多的。
开发环境
浏览器可以说谷歌浏览器是前端程序员必备的，对于编辑器我更推荐VSCode，它的插件非常多，对于我们的开发是很有帮助的。
HTML标签
单标签
<img src="photo.jpg" />
单标签的标准写法是在最后加“/”，但是在VSCode中，这个可以去掉了。
文档类型
<!doctype html>
这个表示了浏览器要以什么方式来渲染我们的页面，不同的类型渲染出来的页面是不同的。
标签属性
对于required属性，一般是用在表单标签中，在表单标签中，如果要用这个属性可以写required=“required”，但是可以简写成required。
单选标签
通过name属性来互斥
文本输入框提示选项
<input type="text" list="array">
<datalist id="array">
<option value="1111">1111</option>
<option value="2222">2222</option>
<option value="3333">3333</option>
</datalist>
我们可以在input标签中，通过list属性来指定一个id值，它就会与datalist标签匹配id值，然后在我们输入文本时，根据文本进行匹配。
语义化标签
现在我们在编写HTML时，更多采用语义化标签，做到见名知意。我们以前的开发模式是div+css，只能通过看注释或代码来了解到这一部分是完成什么内容。
采用语义化标签是有利于SEO的。
总结
在开发过程中，我们要更多的使用语义化标签，但不要为了使用而使用。我们要采用统一的方式来注释或编写代码，为后面的程序员更好的理解代码。 我们还需要考虑无障碍，比如在内容未加载完成时可以考虑放过渡动画。
