html网页心得

老地方整理的html网页心得（精选5篇），希望这些优秀内容，能够帮助到大家。

html网页心得 篇1

学习H5我们不需要过度的关注细节，五柳先生的“不求甚解”的态度就很好，遇到能想起来，用到明白来源，不用作为扩展知识。

其次，H5的设计起点就是从实用出发的，也就是说很多特性都是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术，但是开发的时候还是不要特意的使用H5，能用到而且兼容性也不错就用，用不到也不要“画蛇添足”，比如163邮箱就有用到nav标签等，但是如果自己不是很精通H5或者是没必要重构就不要去把一些东西改为H5的，比如编写JS的时候特意的用WebWorker，这就很不好!除非我们很明确的知道，这就是针对移动端这种基本上全面支持H5的Browser设计开发的功能。

最后，H5技术不复杂，它从来都不是什么新技术，只是HTML的延续，我认为的H5包括如下三点:

(1)改进及增强的HTML属性，新页面可以尝试使用。

(2)增强了的JS交互接口:WebWorker、WebStorage、WebDB、OfflineApplication、Geolocation、Canvas，可以说H5和JS相互增强更上一层，但是还是要小心使用!

(3)CSS3:改进增强CSS功能，让页面效果更绚丽，开发更简单，尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”越来越简单、流行，甚至出现了很多框架，比如bootstrap。

学习方法:

学习HTML这类的标记语言，我们需要从四个方面入手:

(1)语法:即怎样的书写格式是Browser接受和支持的，HTML技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细节不同就可以了。

(2)元素:也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同点就是:系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这8类，有些标签不实用就不用看了。

(3)属性:知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了name、id、class、style外很多元素属性我们都很少用，涉及到格式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属性在H5中都被废弃了，比如background属性。

(4)其他:其他的东西就是去了解一些额外的知识:历史背景、关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解析、渲染过程，DOM树的构建、RenderTree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。

html网页心得 篇2

利用假期和休息时间，初步学习了有关html+css的知识，感触颇多。做网站原来一直处于一种茫然的状态，边学边做，边实践边维护，每每遇到问题了，便会花费很大的精力去解决，在解决问题的过程中也慢慢提高，但工作有时相当的吃力。通过一段时间详细的接触到html+css，从基础知识补起，利用空闲时间看书及有关div+css“布局入门教程”，它通过举一个例子，然后让你上机测试效果，让我有对样式表CSS有一个初步的印象，知道了CSS能做什么。我觉得这份教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么。

在些之前，我是从未接触过div+css的，甚至连dreamwear、photoshop的工具也都是皮毛。我的学习思路是这样的：

一、先写HTML还是先写CSS？

对于一个新手而言，在有了一点html知识之后，对于CSS、DIV都感觉特别的疑惑，不知道这其中到底是什么联系？为什么用了CSS的网页不能像其它代码一样直观？html和css哪个先写？其实这些问题在我看完教程，但还没真正上手实践时的疑惑！等真正上手自己做时，我才发现应该－－－两者同时写！

二、把站点建好，目录建好，比如建好文件夹css,images,这两个是最其本的，然后新建一个.html空文件，一个.css空样式表，把.css外部样式表连接到.html这个文件上，链接写在中。

三、写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。

四、到样式表中写各个布局层的样式。

五、写一段代码后就进行浏览器的测试，同时用IE6与FF一起测试。在浏览器中调试，调试时发现许多之前没有预料的问题，如浏览器的兼容问题、浮动的问题等。

六、不断的找出问题、理解怎么出错的，不断的再测试！

这样的学习和研究过程，让我体验到了许多次的付出与回报的乐趣，如：

第一：阅读一本书，一般来说我第一次要先把整个书通读一遍，不理解的也要往下看，因为在往下看的过程中也许会找到那个问题的答案，等看完后我会有一个大概的印象，但一定会有很多不明白的地方，没关系，继续往下看。

第二：就要边看边做学习笔记了，我有随时写笔记的习惯，电子稿或手写稿均可。把自己认为是重点的部分写上，便于以后查阅；再者，把觉得有疑问的部分记下，带着疑问看下去，如果没有答案，上网查询或是问前辈，解疑是提高知识最快的一种方式。

第三：心态很重要，一定得静下心看书，能不越过的看就不越过，要树立信心，坚持再坚持下去。系统的将教程学完，一遍不行两遍，持之以恒。

第四：当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。

学习永远没有终点，随着学习，知识不断提高，所接触的技术领域也随之扩大。坚持看书，坚持以任何一种方式学习，都将受益无穷，也都是一件十分快乐的事情。

html网页心得 篇3

一、了解HTML5前端开发技术

HTML？指的是超文本标记语言？，标记语言是一套标记标签？HTML？使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发，及手机移动领域，从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。

二、课程能让你学到什么

从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。以开发实例展示为主导，循序渐进让学员掌握HTML5技术的应用。强化学员基础，尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。

HTML5培训内容首先是学习HTML5文档结构和基础语法，了解HTML5新特性，CSS3基础语法和布局样式，图形图像软件使用等。移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使用方法。移动前段综合开发；主要集中在H5+C3+jQ？Mobile，基于HTML5的移动网页布局、移动网页界面样式（CSS3）、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用（3D网页游戏）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML游戏引擎等。最后，项目实训。项目实训能够提高综合开发能力。

html网页心得 篇4

从大一暑假进入实验室，进的这个实验室叫做网络实验室，是一个充满爱、充满欢笑的大家庭，每个人都很努力，都知道自己的目标，尽管我不知道自己的具体目标是什么，但是我一直在寻找，寻找自己的道路，绘画自己的精彩。

现在就开始说说自己开发历程吧，先从html说起。

html是一种标记语言，是用在web网络上的标记语言，从开始html1.0到现在很流行的html5.0，我开始学的时候是从4.0开始学的，其实看起来4.0和5.0没有多大的区别，但是html5.0比4.0的兼容性更好，代码更简洁，运行速度更快。

下面就从html的完整 式来说明。

一般的html 式,这样的 式没有那么严谨，适合刚开始学的同学。

如果严谨的话，那我们就从表头开始说起:在表头上还有一行代码，它是用于声明一个页面的文档类型定义(document type declaration, 即dtd).此元素声明位于文档中的最前面的位置，处于 标签之前。

通过确认页面的dtd,可以同时确定页面使用哪种w3c规范(比如html 或 xhtml 规范)。

html 4.01 规定了三种文档类型:strict、transitional 以及 frameset。

总上面来看，其实两者的表示形式没有太大的差别，但是html和xhtml的表示形式就有点不一样，在这里就不详细说了，等下一遍再跟大家详细比较这两者的详细区别。

再往下说就是标签里的写法了，如果上面的不写的话，在里也不用写什么，所以在这里我们严 的来说在中要写xmlns="http://www.w3.org/1999/xhtml"来表明这个文件是可以自定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，但表示不同的含义。

html网页心得 篇5

HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。北京恒泰博远软件开发公司对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。

由目前it行业使用html5开发app来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。

即使这样，我们还是很看好html5app开发，原因有一下几点。

一、是基于html5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。

二、html5app开发支持的手机系统有android、ios。

三、html5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

四、html5app开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。

五、动画、游戏动态效果，地理定位等很多app应用正在崛起，而html5技术的强大优势就是这种让我们惊叹的效果。而未来采用html5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。