区别如下：
1）HTML元素的属性大家都应该知道，比如：<img>元素的id、src等。
2）最终浏览器会解析HTML，构建DOM模型，也就是说浏览器会解析HTML元素为DOM元素。
3）JavaScript中获取到的都是DOM元素，而不是HTML元素。
4）HTML元素属性和DOM属性的名称大部分都相同，所以导致很多人错误的认为两者是相同的。
5）区分HTML元素属性和DOM属性曾经是一件很考验经验和记忆力的事情，但是现在通过JQuery的attr()函数就可以忘记这些差异。
HTML属性和DOM属性的区别：
1、对于浏览器引擎而言，并不存在"HTML标签"这回事，本质是DOM节点对象，也不存在"HTML文档"这回事，其本质是DOM节点对象组成的文档树。浏览器引擎才是实际存储和渲染DOM节点对象的"大爷"。只是我们无法直接操作浏览器引擎，所以对这个本质并不熟悉（其实也不需要知道，但是得知道）。
2、DOM节点对象是唯一的，但操作DOM节点对象的数据，却不止有一种方法。例如对于一个图像的宽度：
HTML可以通过<img>的width属性去定义；
JavaScript可以通过element.width去读取和修改；
别忘了CSS，CSS也可以通过width属性去修改。
HTML属性和JavaScript的DOM对象的属性，本质上都只是影响DOM节点对象数据的众多理由之一。
多个原因影响同一个DOM节点的实质数据（多对一），请务必你记住这个本质理由。
