HTML5的开发工具
- HTML本身就是一个文本内容。所以我们直接用txt记事本来编辑也是完全没问题的。但是我们有其他的编辑工具会更加事半功倍。
- 可以开发html的工具很多。大的有一些集成开发环境，比如eclipse vs pycharm等等。
- 小型的可以用notepad++ 或者我们这里推荐大家用virtual stuido code（注：原文拼写笔误，应为 Visual Studio Code / VS Code）。
使用vs code开发html5
- 有智能提示
- 有高亮提示
- 可以方便管理
补充说明与记事本对比
- 记事本局限性：用记事本很容易出错，且排版不好看，不推荐在正式开发环境下使用，仅适合平常一些小小的修改。
- 浏览器容错：浏览器的容错能力是非常强的，即使HTML代码书写不够规范也能尽量解析渲染，但使用专业工具能大幅减少这类错误。
- 工具推荐：结合前节基础结构，使用 VS Code 等工具能更高效地处理标签嵌套、属性补全，是现代前端开发的标配。
html的编码设置
<html>
<head>
<title>第三课</title>
<meta charset="utf-8"/>
</head>
<body>
</body>
</html>Code language: HTML, XML (xml)<!DOCTYPE html>
<html>
<head>
<title>第三课</title>
<meta charset="utf-8"/>
<meta name="keywords" content="关键字1,关键字2,关键字3"/>
<meta name="description" content="xxxxx是一个编程学习网址。提供很多免费的课程视频。"/>
<meta http-equiv="refresh" content="5"/>
<style>
.header {
background: red;
}
</style>
<script>
function showAlert()
{
alert("网页出错了");
}
//showAlert();
</script>
</head>
<body>
<!--
<h1>这是第三课的内容</h1>
-->
<p>这是第三课的内容。内容的html5的知识</p>
<!--这是网页的底部内容-->
<p>网页的底部</p>
</body>
</html>Code language: HTML, XML (xml)Previous: HTML5文件的基本结构
Next: 文档类型说明和html标记头标记