html5是零基础最该学的技术，它是HTML第5版，新增video等标签并废除font等旧标签；无需编译，用记事本写完双击即见效果；注意DOCTYPE声明、路径正确、标签闭合及英文标点。

能学，而且 html5 是零基础最该从它开始学的技术——它不编译、不报错、改完立刻看见效果，本质是“用约定好的标签描述内容”，不是写逻辑。

HTML5 是什么，和以前的 HTML 有什么区别

HTML5 不是全新语言，而是 HTML 的第 5 个主要版本，把过去大家“偷偷用”“靠 js 模拟”的功能（比如 、、）正式写进标准，并废掉一堆过时标签（如 、

，浏览器照样认；但用 就不用再折腾 Flash 插件了。

零基础第一天就能写出能打开的页面

不需要安装复杂环境，连编辑器都只要记一个：用系统自带的记事本（windows）或 TextEdit（macos，设为纯文本模式）就行。步骤极简：

• 新建文本文件，输入以下内容
• 保存为 index.html（后缀必须是 .html，不能是 .txt）
• 双击它——浏览器自动打开，看到效果

      
你好，HTML5！
   
这是段落。
立即学习“前端免费学习笔记（深入）”；
  

注意： 这行必须有，它告诉浏览器“用 HTML5 规则解析”，缺了可能触发怪异模式； 内容会显示在浏览器标签页上，不是页面里；

。

容易卡住的三个真实坑点

新手不是被语法难住，而是被隐性规则绊倒：

• 必须带 src 属性，且路径要对——如果图片和 HTML 文件不在同一文件夹，就得写相对路径，比如 images/photo.jpg；写错就只显示一个破损图标，控制台里会报 404 Not Found
• 所有标签要么成对出现（

  xxx

  ），要么自闭合（、
）；漏掉 可能导致后面整块布局错乱，但浏览器不会报错，只会默默“猜你想怎么闭合”

• 中文标点混入标签（比如把引号写成中文全角“”）会导致整个属性失效——
  （用了中文等号和中文引号）完全无效，必须是

  HTML5 本身没有“运行失败”的概念，只有“写法没按规范，浏览器猜错了”。所以别怕出错，多右键 → “查看页面源代码”，对比自己写的和实际渲染的差异，比死记规则管用得多。

  发表于：数据库

  近三天内

  # canvas# class# html# html5# js# macos# windows# 堆

  复制链接