请问如果学习 HTML5，刚进入公司都做些什么啊？
不会就是整天铺网页吧
如果只是单纯的会html5，估计进不了公司！
前端的话，html，css，js应该都要会
关于伯乐小组
这里有好的话题，有启发的回复和值得信任的圈子。
新浪微博：
推荐微信号
（加好友请注明来意）
- 好的话题、有启发的回复、值得信赖的圈子
- 分享和发现有价值的内容与观点
- 为IT单身男女服务的征婚传播平台
- 优秀的工具资源导航
- 翻译传播优秀的外文文章
- 国内外的精选博客文章
- UI,网页，交互和用户体验
- 专注iOS技术分享
- 专注Android技术分享
- JavaScript, HTML5, CSS
- 专注Java技术分享
- 专注Python技术分享
& 2016 伯乐在线精选国内外互联网行业最新文章及报告，让网友获得最新的海内外互联网动态
当前位置： >
H5如何布局？这个才是入门篇…
来源：李勇的网站
编辑：佚名
1.感谢基友K，给了很多温馨提示。想叫他Lee吧，很尴尬，那我该叫什么？本家的痛。
2.感谢工作。活很多，自己也下海了。很多年前就接触H5了，一直没什么机会深挖。这次做了个移动端的网站，so easy。
3.感谢生活。虽然三十好几了，还是喜欢鼓捣些技术方面的玩意，谈不上热爱，只能说是一种习惯。会点技术，混口饭还是很方便的。
H5布局如何下手？
所谓H5布局，说简单点，就是用H5特有的新标签（语义化）来替代传统布局方式。几点注意如下：
1）css写法不变，比如你定义标签，那css里就要这样写header{}。另外，H5标签也是可以加class或id的，css写法没啥区别，比如，.样式名{} &#样式名{}；
2）移动端网站H5标签（包括css3）是支持的，放心大胆去弄，不要去考虑狗屁的兼容。如果是单纯PC网站，建议传统div方式布局比较合适；
3）响应式网站，技术强迫症，必须要用H5来做，那html5shiv.js或modernizr.js是不错的IE兼容解决方案。（比如李勇的小拼sem博客）。注意：ie8以下是没办法的，可以页面顶部弹出提醒升级你的IE，算友好体验的一部分吧。
4）关于bootstrap，感兴趣的同学快上手吧，老外的东西，不得不承认，真TM是NB轰轰的。标准、标准、太标准了。
H5布局标签如何选择？
个人理解，傻瓜式解释。要是看不懂，说好的一筐豆腐呢？
&header&&header&：相当于&div class="header"&&/div&
&footer&&/footer&：相当于&div class="footer"&&/div&
&section&&/section&：相当于&div&&/div&，以前习惯的div改为section，当然你继续用div也一样
&aside&&/aside&：相当于&div class="sidebar"&&/div&，比如常见的侧边栏
导航或者分页：
&nav&&/nav&：&div class="nav"&&ul&&/ul&&/div&
文章、帖子或者其它独立的页面：
&article&&/article&:相当于&div class="article"&&/div&
&time&&/time&：日期时间什么的放里面就好了，相当于&div class="time"& 15:43:21&/div&，支持pubdate属性，表示为发布日期
&summary&&/summary&：标签包含 details 元素的标题，&details& 元素用于描述有关文档或文档片段的详细信息。&summary& 元素应该是 &details& 元素的第一个子元素。&details&&summary&HTML 5&/summary&This document teaches you everything you have to learn about HTML 5.&/details&
其它新标签：
&audio&&/audio&：标签定义声音，比如音乐或其他音频流。HTML5:&audio src="/web//someaudio.wav"&您的浏览器不支持 audio 标签。&/audio&
&video&&/video&：标签定义视频，比如电影片段或其他视频流。&video src="/web//movie.ogg" controls="controls"&您的浏览器不支持 video 标签。&/video&
&source&：标签为媒介元素（比如 &video& 和 &audio&）定义媒介资源。&audio controls&&source src="/web//horse.ogg" type="audio/ogg"&&source src="/web//horse.mp3" type="audio/mpeg"& Your browser does not support the audio element.&/audio&
&datalist&&/datalist&：标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。
&figure& 标签用于对元素进行组合。使用 &figcaption& 元素为元素组添加标题。&figure&&figcaption&PRC&/figcaption&&p&The People's Republic of China was born in 1949...&/p&&/figure&（是不是类似dl dt dd）
&mark&&/mark&：主要用来在视觉上向用户呈现那些需要突出的文字。&mark&标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。传统如&span&&/span&
&hgroup&&/hgroup&：标签用于对网页或区段（section）的标题进行组合。
H5还有很多新标签，一般你也用不着，感兴趣去度娘啊。上面这些常用的你能搞通了，基本做个标准H5页面是问题不大的。
H5布局传统标签还能用吗？
答案是肯定的，比如em、i、span、ul、li、p、pre这些常用的传统标签，一样可以在H5页面中正常使用。不要钻牛角尖，H5布局只是引入了新的语义化标签，并不意味着它就是全部。
注：相关网站建设技巧阅读请移步到频道。
推荐：用高性能云服务器 稳定的网站才能更赚钱
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
本类排行榜5000家学校 100万学员的选择 .cn
&欢迎光临培训通
怎么制作H5,Html5培训课程哪家好?
&来源： 蓝鸥科技&&&责任编辑：信息中心&&&发布时间： 15:55:20 & 浏览-次
　　谈HTML5中H5已经火了好一段时间了,也算是狠狠地风光了一把,但还是有人在问:“什么是H5,怎么制作H5,Html5培训课程哪家好?
我还只是个新手。”我看过很多H5场景,其实还是有很多小伙伴制作的H5真不错,我也经常跟大家分享。　　今天不谈好的场景该怎么制作,也不谈制作H5的经验心得,而是告诉大家有些明显的错误不要再犯错了，希望大家能牢记下面的两种禁忌。如果你对Html5有兴趣，那么你可以来蓝鸥官网观看一下我们的Html5课程，相信你会喜欢，链接在这里：　　首先最常见的一个问题就是H5没有明确主题，一些H5展示页面特别多，但翻来翻去就是到不了最后一页，而且在耗费大家时间的同时，还没让人明白这个H5到底想表达什么。还有一些H5，展示了特别多的图片，终究都没表达出展示图片的主题是什么?例如有的H5，动轨二三十页，还没等主题出来，很多人就放弃浏览了。其实，整个H5节凑、画面都还不错，可惜没有尽快表达主题，失去了让别人接触主题的机会。　　没有统一风格，一个H5，一个风格。这是制作场景的基本规律。一般在制作H5时通常会犯错的有2种情况：第1种情况是一页一个风格，第1页中国风、第2页萌萌哒、第3页炫酷风、第4页扁平化风格了……这种H5总会让人很崩溃，观看者需要带着不断变化的心态去看，整体给人的感觉就是不伦不类。制作H5，真的不是风格越多越好。第2种情况是：整个H5风格统一了，为了加上自己的宣传页，把整个H5格调都降低了，要么因为风格不合适就不要放，要么就再设计一个符合H5风格的宣传页，别偷懒了。　　希望以上对你将要学习HTM5或即将从事HTML的你有所帮助!蓝鸥HTML5开发培训有着国内首家完整的移动web前端开发课程体系，高度专注。蓝鸥HTML5培训开发项目全部来自于真实的企业项目，单独项目代码量超过
5 万行。为了让学员尽快的进入到企业开发的项目中，蓝鸥使用自主开发的产品和为客户定制的企业产品为案例，大批蓝鸥HTML5培训开发学员都从中收益。　　我们是 一群热爱IT的年轻人，如果你也爱IT、爱HTML5开发，欢迎前来蓝鸥中心参观学习，让我们共同为梦想发声。相关新闻：?????
&文章标签：&Html5培训课程哪家好
&本地相关课程推荐：
&&综合广告
①本网注明“来源：培训通”的所有作品，版权均属于培训通，未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的，应在授权范围内使用，并注明“来源：培训通”。违反上述声明者，本网将追究其相关法律责任。
② 凡本网注明“来源：XXX（非培训通）”的作品，均转载自其它媒体，转载目的在于传递更多信息并不代表本网赞同其观点和对其真实性负责。
③ 如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
&&热点新闻;
??????????知识解答：什么是H5广告？H5和HTML5是一回事吗？&&&&
　　之前，我做了很多H5的分享，但是不管从定义还是深刻都比较宽泛，而从这个系列，我想从H5的定义开始讲起，并且归纳我知道的所有关于H5的内容和设计方法！这是个有意义的事情，也是个极具挑战的事情，在这里，我希望各位网友如果能够耐心看完我分享的话一定要对我的不足和缺乏的地方作出评价，让我们一同进步，一同为这个新兴的行业努力吧！　　　　经常有人问我何为H5，或发个网页给我看问是不是H5,真让我回答，一两句也讲不清楚，所以我想先聊聊我理解的H5广告究竟如何定义...　　　　H5广告是什么？　　　　广告在生活中可是不新鲜了，不管你乐不乐意，带这个符号的传播物每天都在消耗着你的时间，你的精力，甚至还有你的情感&如果说讲平面广告，听众会很快想到纸张，琢磨着海报和物料的事情;如果说要聊电视广告，你脑子里就会出现各种tvc,创意短片还有微电影&　　　　那么，如果我要聊聊H5广告那？你脑子里这会生成什么？互联网？微信朋友群？移动式web网页？请问阁下！你真的理解什么是H5广告么？H5广告是个什么东西？为什么用
一个数字加一个字母来指代？也许想弄明白问题，我们可以先从广告类型的命名来聊起来～　　　　想了解H5，还真的先知道啥是HTML　　
　　互联网早就深入了生活，十年前上网还是挺稀罕的事情儿，现在显得常规而自然。那么，习惯熟练使用各种电子设备的你会不会去思考这样一个问题？我们的手机和手机，电脑和电脑，是如何传递信息的？　　　　假如说，你刚看到个特酷的网页，觉得不错，马上粘贴了地址发给朋友，很快你就在社交媒体看到了朋友&好牛逼！好帅！&的惠赞！内心愉悦的你绝对不会怀疑他看到的页面和你传送过去的内容会有多大差别。你会觉得这是自然而然的事情，发给谁，都不会变样子&那么，为什么发送出去的网页不管在任何地方与设备上都能够保证一致性那？　　　　举例说吧，当你想要对别人讲述一些事情时，你会使用语言，而听者会很快察觉到你的意图，因为你们使用的是同一种语言，遵守的是同一套编辑法则。所以发出信息和接受信息的人都可以相互了解传递的内容，理解其中的含义。而映射到互联网，网页之所以能从一个端口把信息传递到另外一个端口不变形，也是因为它们遵循了一种语言法则。而像真实的语言一样，在经历了大量的尝试与应用，推广与迭代之后&&沉淀下来了一种国际语言，而在网页这个互联网世界我们叫它&&HTML（网页编写的国际语言）　　　　HTML全程为HyperTextMarkupLanguage，中文直意为&超级文本标记语言&，它是一种基于互联网的网页编程语言，从1994年由万维网发明至今，已逐渐成为了网页编程的行业规范。html目前已历经了5次重大修改，直到2014年10月html5最终定稿，同时宣告了一个新传播时代的开始！曾经不可一世辉煌的IE+FLASH将逐渐成为过往的历史，未来将会是html5的未来！　　　　当所有设备都遵循html语言法则时，我们在任何设备上看到的网页就会保持一致，而不变脸了～而当下，网页就是一个html规范下的世界&（理论上来说）　　　　当然，HTML的学问远非这草草几句可以讲透彻的，而网页编写的规范也是由HTML.JS（JavaScript）和CSS三驾马车共同完成的。作为了解h5广告的定义，咱们也就点到为止了～　　　　随着Chrome和Safari的高歌猛进，以及IE+Flash的衰落，HTML5告一段落，进入了下一个时代&&移动互联网。HTML5的跨平台优势在移动互联网时代被进一步凸显。HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、WindowsPhone等主流平台的跨平台语言。Java和Flash都曾梦想这个位置，但梦断于iOS。此时人们纷纷开始研究基于HTML5开发跨平台手机应用。很多人当时认为，原生应用只是过渡，就像当年从C/S结构转变为B/S结构一样。而且学习Objective-C和Java很费劲，我既然会网页开发，为何不试试HTML5。　　&&&网络热文《HTML5终于定稿，八年后我们再一次谈谈怎么改变世界》　　　　
　　　　　　绕了这么一大圈，实际是想告诉你，H5广告的这个H5就是HTML5名字的精简版，也是咱国人起的一个爱称。这下你就明白了，这是一个关于网页语言代码的广告。　　　　那么，网页代码也是媒介么？为什么要省略称呼？　　　　网页代码是不是媒介？　　　　HTML5严格来说，不能称之为媒介，但是它确实承担了传统媒介的很多属性，互联网时代的广告打破了纸媒介和电视媒介的枷锁，它可以游离在任何屏幕上，可以以任何方式被传播和扩散。而传统习惯就是用载体命名的方式来定义广告类型，在如今的互联网时代，这可不具备权威性，你起个computer广告，phones广告或者数码广告的外号要么含义不够，要么含义太大&　　　　而利用网页语言命名是不是更合适那？因为他们的确都是基于html编写，有共性、容易理解，世界再也不是由各种封闭的媒介构成了，它是一个无形的网，而编写这个网的那套语言代码才更有成为定义这种广告的资格，所以，我们叫它HTML5广告。　　
　　那么，为什么HTML5变成了H5?　　　　起初，这个外号还没人用&而且html是缩写，每个字幕都有固定含义，毙掉后面三个,好念了但表意错了，而且国际上就没这个说法，你跟老外吹都不好使！你看，早起的H5广告的名字都是什么移动网页营销啊，HTML5网页广告啊，移动网页广告啊什么的...　　　　也许就是为了好念，也许要故弄玄虚，也许是太多前线传播者缺乏应有的知识背景，H5这个名字悄然出现，并且不出半年就红遍了全中国，打响了广告行业革命的先锋旗号！各路人马随后闻风而上，真懂的和假懂的混成一滩，组团高呼H5如何改变行业，H5如何引领潮流！群众们听了，第一反应就是：&我的天，啥是H5？好洋气啊！是不是个很高端的什么新玩意儿？！？　　　　虽然最具专业背景的程序猴们奋起抗争，想要保住html5广告这个称呼的纯粹性，他们鄙视那帮天天鼓吹h5神话的销售团，鄙视他们不懂技术乱吹牛！遗憾的是，随着时间的推移，看上去更具权威性的名字变成了旧称成为了历史。现在，也就能当个标签用用了！　　　　　　JavaScript被简称为「JS」，因为语意上可行，但是无法理解把html5叫做h5，因为意思似乎变了。　　&&网络文章《为何不要用「h5」这个简称？》　　　　有一次和前端聊天，他无奈的对我说：&这就是个时代的笑话。&那么用一个委屈含义的名字来命名一种广告类型，这真得合适么？　　　　H5的称呼合适么？　　　　咱们都知道，互联网可是个新兴行业的大风口，膨胀速度与生长周期都快的离谱。这也造成了，拥有较高技术能力，并且成熟周期缓慢的前端人才变成了稀缺资源，而H5广告的生产最终执行都是由前端完成的。　　　　对呀！那么多单位缺人怎么办？怎么来做H5?面对大势头，不管你是投机的还是不情愿的，大量的非专业人才和不具备html5代码编写能力的程序员混入了这个队伍，他们被市场的需求强推到了前线，为了达到最初我们看到的html5的那种炫酷效果，不擅长html5的程序员们只好引用大量前代代码技术来辅助表面上看差不多的效果，随着H5广告波及面的扩大，社交媒体传播的H5广告也混入了大量非完全由html5编写的案例，变成了一锅八宝粥！　　　　这就好比，你让一个平面设计师做家装效果图，他不会搞，只好用ps来给你画个假3d的出来，大看上去是差不多，但是，内核完全不同的！在这个节奏过快看脸多，看心儿少的时代。在各种缺乏技术和追求转化率的互联网领域，H5这个名头悄然间代替了html5，成为了&热门技术词&！你提HTML5众人沉默不知所云，你提H5众人响应，感觉瞬间什么都明白了似的...　　　　起初，html5广告指代的是利用该技术实现的互联网广告，而现在的H5广告则范指那些在网络社交媒体中传播的带有特效、互动体验和声效的Web网页。其涵盖的范围早已超过了技术本身，人们甚至会认为微信里转发的都是H5广告，至于什么是html5，什么是wed，都没几个人在乎&　　　　在这种情况下，用H5这个名字来归纳这些因html5而起的互动广告也许还真是个没有办法的办法，你要真叫回html5了，这个行业可能就更乱了&没有办法，现在的市场和背景不允许我们这么做，必定，这需要有一个完善的体系来支撑。所以，H5广告在目前所包含的面更大，它不仅指代了利用html5技术实现的wed广告页面，还涵盖了因html5而起涉及到html5相关技术的所有社交媒体的互动广告，这不是某个组织或者个人给出的定义，而是口口相传，普遍认同出来的结果...　　　　在这里为大家总结归纳，希望那些想要了解H5广告的朋友心里有个谱，什么是H5广告，它目前是个什么现状...　　　　那么H5广告的未来会怎样？　　　　如果假设，随着时间的拖移，H5广告这个大类本身会不会逐步成型，像是html那样变成一种带有定义的规范哪？　　　　笔者认为，只有技术和表现方式达到了同步，才能让一个好东西活的长久一些，目前的现状就是，H5广告潜力之大无可厚非。但是，目前在手机流量加载速度慢，微信这些大平台强行的技术限制背景下，这让强烈需求各种新表现形式的H5显得很尴尬，有劲儿使不出来。　　　　这就好比水龙头和水流的关系，目前水龙头这个技术出口由于被各种现实情况的限制，出水口变的很小，而H5需求的这个大水流又无法畅快的喷出，这就造成了当下，你看到的很多H5都是千篇一律，没有亮点，老是在重复&　　　　H5广告的数量在不断上升，而H5本身具备的&破坏性&技术却因为手机流量和大佬的担忧却被限制和封锁着，这样会不会让一个好东西很快的死掉？一旦数据不好看了，用户乏味了，形式玩不出新花样了，我们就觉得这个东西没有价值了...像是《足迹》app像是《脸萌》app那样么？是因为我们的认知还不够，还是因为H5本就如此那？很可能，规范还没出来,东西就给玩坏了....　　　　而我始终认为H5广告的意义远比它的定义更有价值，它是整个互联网数码时代设计浪潮的先行军，是超媒体表现社会化的开始！笔者也不知道H5广告会不会成为像是平面广告，电视广告那样，最后沉淀下来成为一种广告大类，并且被载入史册...或像一股风，一两年后迅速衰败消亡，仅仅为那些从业者留下遗憾的回忆...　　　　
　　但是，我敢确信的认为，超媒体设计的社会化表象一定是因H5而引领的，它也是第一个打破各种设计界限，串联起各种艺术表现的广告形式！也因此，HTML5在广告行业比在互联网行业还要火爆，这是个多没有意思的巧合，就像是专门设计打飞机的飞毛腿导弹，结果打导弹更有一套!而这样火爆的情况会持续多久，还会演变成什么，小编在这里只能表示自己的智慧还不够，不能对未来做出肯定的判断。　　　　关于H5定义的一些事情，我想说的大概就是这么多了~下次我们来分享下H5广告究竟赢在了哪里～为什么说它是超媒体设计社会化的开始~
编辑声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传，对此类作品本站仅提供交流平台，不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。联系方式：020-蓝鸥HTML5培训快速精通H5的选择 9:12:39 目前HTML5技术已经日趋成熟，现在各大浏览器都已支持HTML5。据统计，我国对于高级HTML5开发人员的缺口将达到12万左右，目前，北京、上海、广州、深圳等地HTML5开发人员的薪资待遇更是一高再高。曾经在蓝鸥学习过的马同学，特意回到这里，看望蓝鸥的各位老师。期间他与大家谈天侃地，诉说着学习和工作中的苦乐。于是，我们就请他做了一个简短的分享。在分享中马同学特别强调了两点：一是在学习上多与同学分享自己在学习过程中的一些体会;二是通过写博客的形式巩固学习成果。这样，不仅可以做到查漏补缺，而且还可以把课堂上学到的技术和知识运用得非常熟练。马同学在课堂上给大家做学习分享兴之所至，马同学还谈到了一些自己在工作上的心得。他说，在工作中最重要的是遇到问题应及时找到解决的方法，“过后你就会发现自己的整个境界都提高了!”马同学是蓝鸥的老学员学员，现在就职于陌陌科技。在分享中，他感谢蓝鸥对自己的培养，感谢蓝鸥让自己学习到了HTML5培训的前端开发的真本领，并找到了一份理想的工作。QQ： QQ交流群：682894；咨询电话(Phone)：(手机)地址（Address）： 郑州市高新区莲花街牡丹路教育科技产业园区B座 网址（website）：/zt/h5Web/
免责声明：以上信息内容由会员自行免费发布，不代表本站的观点和立场；详询请联系信息的原作者！}