中国领先的IT技术网站
51CTO旗下网站
9大理由告诉你为什么应该学习HTML跟CSS
其实只要对 HTML、CSS 有基本的认识，就可以对你的事业造成很大的影响了！学习电脑语言可不只是产品助理与设计师的责任，就算你是个业务主管、活动企画、甚至是魔术师，你都能借由学习 coding 来为你自己获得好处。
作者：buzzorange来源：| 11:21
你是不是听过太多人告诉你：「人人都应该要会 coding！」都快要不耐烦了对吧？
到底为什么身为一个行销专业者、作家、金融巨擘&&，整个世界还要你学会 coding？
其实只要对 HTML、CSS 有基本的认识，就可以对你的事业造成很大的影响了！学习电脑语言可不只是产品助理与设计师的责任，就算你是个业务主管、活动企画、甚至是魔术师，你都能借由学习 coding 来为你自己获得好处。
听起来是不是说的比唱的好听？让我来给你九个应该要学会 coding 的理由！
首先我们还是得要了解什么是 HTML 跟 CSS。简单的说，他们是网页构成的基本要素。
HTML（ HyperText Markup Language ）超文本标记语言，是一种告诉浏览器每个网页组成是什么的程式语言。你可以利用它来定义网站中的文章内容、标题、连结、图片等，让浏览器知道网站整个架构的呈现。
CSS （Cascading Style Sheets）层叠样式表，是一种能为网页增添样式的电脑语言。换句话说，它就是能为你的网站修改字体样式、颜色、网页背景、甚至是华丽的动画与 3D 效果、让你增添设计感的工具。
很简单，对吧？但你可能还在怀疑，这到底能为你的工作带来什么？底下就告诉你几行简单的程式语言能让你有什么收获。相信我，你学会了之后，你的上司或未来的上司会对你感到钦佩、你的同事会很开心、你则是有更多的机会能得到心目中那有成就感又有大钱赚的工作。
接下来是九个你能借由 HTML、CSS 编译能力做到的事：
1. 能寄出自己设计过的 E-mail 给客户
E-MAIL 近年来一直是网路行销的重点之一，如果你能藉由程式语言来美化电子邮件，让你的顾客期待收到你的信，那你就成功了！
2. 能为公司设计精美的电子报
现在大家已经被你寄的电子邮件惊艳到了，你能把层次拉高到设计公司行销的电子报了。把公司 LOGO 跟风格与电子报做结合来设计电子报的模板，你仍然会需要用到 HTML 跟 CSS！
3. 能帮公司在 WordPress 的网站美化
目前有许多的公司都利用 WordPress 来架设网站。如果你会 HTML 跟 CSS 的话，那可是天大的好事阿，你可以用它们来新增公司网站的内容或做修改。如此一来也不用再等待过度工作的网页组同事更新行事历了！
4. 能教你的同事（或老板）coding
讲到过度工作的同事，那你何不和他们（甚至上司）分享学习 HTML 跟 CSS 的喜悦呢？如此一来每个人都能更新、改善公司的网站、E-MAIL、电子报了！
5. 能让技术小组的同事爱死你
如果你能懂一点 HTML 跟 CSS，那开发的同事一定会很感谢你。因为你能直接跟他们说网站需要改进的地方，而不用鸡同鸭讲个老半天。而且你也更能知道网站发展的限制与可能性在哪。
6. 能用你设计的 Tumblr 部落格炫耀你的 coding 技能
希望转换跑道，把你的兴趣变成你得职业，那就用 Tumblr 好好展现你的热情所在吧！如果今天你要在网页上展示你的摄影作品或画作给雇主看，那只要一点点的 HTML 跟 CSS 的基础，就能让你的 Tumblr 模板大大加分！
7. 能从头开始自己打造个人履历网页
要展现你的创业精神那就不要再用 Tumblr，并且从头开始打造你自己的网页吧！听起来貌似很困难，但其实只要有一点 HTML 跟 CSS 的基础，要创造一个简单但好看的网站，是很简单的！而且未来的求职面试，你还能大声的说这是你做的网页，他们吓都吓死了！
8. 能让你的设计能力提升至更高层次
如果你相当熟练 photoshop、脑子又有个完美的网站架构了，那就快去学 HTML 跟 CSS，把构想实现吧！会 coding 的设计师现在可是大公司的抢手人才啊！
9. 能让你学更多、赚更多
就像前面所提到的 HTML 跟 CSS 是网站的基础，同时，他们也是你提升 coding 能力的基础，对这两个程式语言有一定的认知，那学习更进阶的程式语言像是 JavaScript、Ruby、PHP 的时候就会更容易上手。而你会越多程式语言，就代表越多的工作机会在等着你！【编辑推荐】【责任编辑： TEL：（010）】
大家都在看猜你喜欢
热点头条热点头条头条
24H热文一周话题本月最赞
讲师：91542人学习过
讲师：41541人学习过
讲师：159335人学习过
精选博文论坛热帖下载排行
本书是按照全国计算机技术与软件专业技术资格（水平）考试《软件设计师考试大纲》的要求，参照《软件设计师教程》及近年来考试试题编写的，...
订阅51CTO邮刊25被浏览6518分享邀请回答01 条评论分享收藏感谢收起0添加评论分享收藏感谢收起查看更多回答青青子衿, 悠悠我心, 但为君故, 沉吟至今
使用HTML5的十大原因
　　你难道还没有考虑使用HTML5？ 当然我猜想你可能有自己的原因；它现在还没有被广泛的支持，在IE中不好使，或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现在要开始使用HTML5。　　目前有很多的文章介绍使用HTML5并且介绍了使用它的优势和好处，没错，我们这篇文章也类似。随着更多这样的文章，以及Apple的支持， Adobe围绕HTML5的产品开发，以及移动flash的死亡，如此多网站的支持，我想对那些仍旧没有或者不想接受它的人说一些话。我认为主要得原因是，它看起来像一个神秘的东西。很多感觉它像喷气背包或者飞行汽车。一个未经验证的非凡想法但是并不实际。但是事实上现在已近非常的实际了。　　为了解密HTML5并且帮助顽固的开发设计人员，我这里写了列出了使用HTML5的几大原因，希望对大家有帮助！　　第十大原因：易用性　　俩个原因使得使用HTML5创建网站更加简单：语义上及其ARIA。新的HTML标签像&header&, &footer&，&nav&，&section&， &aside&等等，使得阅读者更加容易去访问内容。在以前，即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签，你可以更好的了解HTML文档，并且创建一个更好的使用体验。　　ARIA是一个W3C的标准主要用来对HTML文章中的元素指定&角色&，通过角色属性来创建重要的页面地形例如,header，footer，navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用，因为事实上并不验证。然而，HTML5将会验证这样属性。同时，HTML5将会内建这些角色并且无法不覆盖。更多的HTML5和ARIA讨论，请大家查看这里。　　第九大原因：视频和音频支持　　忘了flash和其它第三方应用吧，让你的视频和音频通过HTML5标签&video&和&audio&来访问资源。正确播放媒体一直都是一个非常可怕的事情，你需要使用&embed&和&object&标签，并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂，大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片：&video src=&&/&。但是其它参数例如宽度和高度或者自动播放呢？不必担心，只需要像其它HTML标签一样定义：&video src=&url& width=&640px& height=&380px& autoplay/&。　　实际上这个过程非常简单，然而我们的老浏览器可能并不喜欢我们的HTML5，你需要添加更多代码来让他们正确工作。但是这个代码还是比&embed&和&object&来的简单的多。　　&　　第八大原因：Doctype　　没错，就是doctype，没有更多内容了。是不是非常简答？不需要拷贝粘贴一堆无法理解的代码，也没有多余的head标签。最大的好消息在于，除了简单，它能在每一个浏览器中正常工作即使是名声狼藉的IE6。　　第七大原因：更清晰的代码　　如果你对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码：&div id=&header&&&&h1&Header Text&/h1&&&div id=&nav&&& &ul&&& &li&&a href=&#&&Link&/a&&/li&&& &li&&a href=&#&&Link&/a&&/li&&& &li&&a href=&#&&Link&/a&&/li&& &/ul&&&/div&&/div&　　是不是很简单？但是使用HTML5后会使得代码更加简单并且富有含义：&header&&&h1&Header Text&/h1&&&nav&& &ul&&& &li&&a href=&#&&Link&/a&&/li&&& &li&&a href=&#&&Link&/a&&/li&&& &li&&a href=&#&&Link&/a&&/li&& &/ul&&&/nav&&/header&　　使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域，但是使用新的&section&，&article&，&header&，&footer&，&aside&和&nav&标签，需要你让你的代码更加清晰易于阅读。　　第六大原因：更聪明的存储　　HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。　　因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。　　本地存储对于很多情况来说都不错， 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如：保存用户信息，缓存数据，加载用户上一次的应用状态。　　第五大原因：更好的互动　　我们都喜欢更好的互动，我们都喜欢对于用户有反馈的动态网站，用户可以享受互动的过程。输入&canvas&，HTML5的画图标签允许你做更多的互动和动画，就像我们使用Flash达到的效果。　　除了&canvas&，HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表：
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback　　第四大原因：游戏开发　　没错， 你可以使用HTML5的&canvas&开发游戏。HTML5提供了一个非常伟大的，移动友好的方式去开发有趣互动的游戏。如果你开发Flash游戏，你就会喜欢上HTML5的游戏开发。　　Script-tutorials目前提供了4个不部分的HTML5游戏开发教程，这里看看他们开发的有趣游戏：
　　第三大原因： 遗留及其跨浏览器支持　　你的现代流行浏览器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且创建了HTML5 doctype这样所有的浏览器，即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理HTML5标签和功能。幸运的是，HTML5已经使得开发更加简单了，更多支持更多浏览器，这样老的IE浏览器可以通过添加javascript代码来使用新的元素：&!--[if lt IE 9]&&&script src=&/svn/trunk/html5.js&&&/script&&![endif]--&　　第二大原因： 移动，移动还是移动　　你可以称之为&直觉&，但是我认为移动技术将会变得更加的流行。我知道，这里有些非常疯狂的猜测，有些可能你也想到了 & Mobile是一个时尚！移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发，你将会考虑使用HTML5来开发webp应用。　　当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动：
viewport: 允许你定义viewport宽度和缩放设置；
全屏浏览器： ISO指定的数值允许Apple设备全屏模式显示；
Home screen icons:& 就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移动设备的首页。　　第一大原因： 它是未来，开始用吧！　　最大的原因今天你就开始使用HTML5是因为它是未来，不要掉队了！HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始着手开发。HTML5其实更像HTML，它不是一个新的技术需要你重新学习！如果你开发XHTML strict的话你现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢？　　你实际上没有任何借口不接受HTML5。事实上我唯一一个原因使用HTML5是因为它书写代码简单清晰。其它的特性其实我也没有真正使用。你可以考虑现在开始使用HTML5书写代码，它能帮助你改变书写代码的方式及其设计方式。开始用HTML5代码编写web应用吧，说不定下一个移动应用或者游戏应用就是用HTML5开发的！　　英文原文：　　来源：&、 。
　　除非注明，文章均为原创，转载请以链接形式标明本文地址
　　本文地址：
HTML5和Windows 8都代表者未来，但目前之试用，不正式使用。HTML5老梁 于
17:09:44 回复HTML5前端学习交流群.
IT产业的每次革新都会带来社会生活的改变，HTML5也将如此。
html5确实很牛！
网页排版出了点问题，主要在底下，如果人家电脑宽度低于1000px就会很明显的发现，当拖动底下的横条时会发下网页重叠
.Wordyoung
文章是2012年前，现在是2015年了，经历几年时间，尤其是互联网移动端的流浪超过pc端的流量，html5的应用，得到了普及，你现在做前端不会html5，显然不可能成为一名合格的前端技术工程人员，国内顶级web前端技术服务公司切图网(yidong.qietu.co m)，与诸多世界五百强公司合作的项目标无不证明这一点
沙花。HTML5太牛了。4444 于
13:27:59 回复加群 HTML5
手机模版 140套，400M PC 模版，免费下载。还提供很多的干货，要的速度！
html5快要开始疯行了
主要用的不还是JS
还是有点舍不得flash
还是要学的,,,,
移动，移动还是移动=。=
.hemingway
说得我都有点想学习HTML5了
.HTML5老梁
HTML5前端学习交流群.
群内老司机承接各种难题
.数据库之家
我的网站被降权了，怎么办啊？
第七个原因 那里的代码 在cheome里面显示没有换行 出现横向滚动条
IT产业的每次革新都会带来社会生活的改变，HTML5也将如此。
谢谢啊，很好的入门教程，初看了一下，真的很不错。随时准备尝试html5了。
建议公布一下有哪些标签，已经可以用了的。
&span style='color:red'&琐琐碎碎&/span&
跨浏览器支持那里的js，不翻墙能载进来么
其实这里面提到的好几个都不是html5的特性，只是同时期的东西罢了。比如&canvas&在IE6刚出来的时代就有了，也早就有大量的脚本使IE6支持这个标签，这绝对不是html5才有的特性。
html5开发技术群群一：群二：
赞助商广告
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.HTML5初学者福利！11个在线学习网站推荐
发表于 12:33|
来源CodeCondo|
作者Abhishek Thakur
摘要：HTML5的强大，让更多的人想要系统的学习它。但面对网上五花八门的搜索结果，是否无法抉择？文章作者以自己的实践经验，筛选出来11个在线学习HTML5开发的网站，让HTML5的学习可以跟随自己的节奏进行，不再那么困难。
HTML5的强大及流行趋势，让更多的人想要系统的对它进行学习。而大多数人获取HTML5知识的重要途径都是网络，不过面对五花八门的搜索结果，是不是觉得摸不着头脑，无法抉择？在这里，文章作者Abhishek Thakur以自己长时间的实践经验，筛选出来11个在线学习HTML5开发的资源网站，让HTML5的学习可以跟随自己的节奏进行，不再那么困难。学习HTML5的网站和博客无论学习什么语言，最开始的当然是要从基础学起。如果你是一个对HTML5一无所知的初学者，那么以下的几个网站绝对不容错过。网站中包括HTML5的基础教程、文章和博客，而且其中包含的不仅仅只是代码，还包含很多带有简单步骤讲解的例子。1.&（需自备梯子）W3School是学习HTML5最好的资源之一，它拥有的教程都带有例子，几乎可以解决你所需要的所有知识点。如果你想从基础开始学习HTML5的话，那么这个网站会是一个很好的选择。你可以学习到HTML5的所有元素，比如标签、图像、图形，以及无需多做其他操作，只需跟随教程的教书步骤走即可，用简单的语言解释和交互让学习变得简单。2. 如果想要观看HTML5的速成课程，以及获取学习HTML5的所有性能，那么htmlgoodies会是一个不错的开始。在网站的左边部分，你可以看到分类细致的基础、教程。问答等，你可以任意快速跳转到自己想要开始学习的部分。3.&（需自备梯子）HTML5-tutorial可以让你在短时间内有一个良好的开局，在这里，你可以了解HTML5的基本知识和要点，如何构建一个网站、编辑和调试代码进行开发学习，很适合初学者入门学习。4.&HTML5 Doctor网站提供了许多内容不错的文章，这些文章将会帮你更好的学习和实现HTML5开发。而且，除了这一特色，网站还有一个“Ask the Doctor”部分，在这里，可以向专家提问，通过他们的专业讲解解决你遇到的所有问题。5.&（需自备梯子）如果开发人员想要在网站中实现HTML5，并开展HTML5编码相关的研发，那么要关注Html5 Rocks网站。在这个网站中能够获取HTML5的所有功能信息，以及学习如何在网站或应用程序中实现。
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章Hi，欢迎来到华清远见移动互联网学院官网！国内王牌Android培训、HTML5培训、UI培训、JAVA培训、iOS培训机构！
400-611-6270
您当前的位置： >
> Html5学习需要多久
Html5学习需要多久
时间： 09:52 来源：华清远见HTML5培训中心
随着Html5技术日趋成熟，越来越多的行业巨头正不断向Html5示好，Html5可以说是web的未来，不仅在pc端，在移动端应用的更为广泛，据统计2013年全球有10亿的手机浏览器支持Html5，可以说Html5将会成为未来5&10年内移动互联网领域的主宰者，那么Html5学习需要多久呢?
随着Html5热度的不断攀升，越来越多的平台开始往Html5 上发展，所以对于很多移动端技术人员来讲，抓住Html5新机遇也就抓住了一个移动互联网行业的一个机遇，据统计我国目前对于高级Html5开发人员的缺口有12万左右，在一线城市中从业人员薪资待遇更是一高再高，基于以上几点因素，促使很多人通过参加培训迅速加入Html5开发行列。
根据华清远见Html5开发培训的进度来看，对于一个没有编程基础和网页开发经验的人来讲，想要系统的掌握Html5开发技能至少需要学习4个月的时间，通过PC端页面重构、PC端交互开发原生js+jquery、移动端页面开发+响应式布局和微信场景开发+公众号开发+游戏开发四个阶段由浅入深、循序渐进的系统学习过程，Html5开发者可以独立开发出Html5类型的网站、App、web应用和游戏等。
小编在这里跟大家讲的是参加Html5培训需要的时间，但如果你选择自学，我想花费的时间会比较长。
现在来简单了解下华清远见Html5培训具体有哪些优势?
1.课程体系科学合理完善，有专业、核心的开发工程师倾心打造;
2.紧跟企业需求，注重移动端应用;
3.精品高端课程，注重基础更注重高端;
4.课程内容全面，教学方案新颖独特;
5.实战训练，更好地引导学生学习。
未来几年Html5开发人才将会成为开发行业的抢手菜，从PC到移动，Html5开发人才前景一定很广。
本文关键词： Html5学习需要多久
下一篇：没有了
主讲人：Xena|共238人观看
主讲人：Scorpio|共5501人观看
主讲人：Wing|共121人观看}