蚌埠Web前端工程师培训相关资料：

　　WEB标准教程:功能相似的标签的用法

　　在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、 blockquote。这三个都属于引用一类，但是这里还是有一些区别的，下面达内web前端基础频道就为大家一一解释。

　　<q></q>

　　，q的作用是引用非块元素，也就是引用不能形成段落的内容，可能是某人说的一句话，也可能是一句文档摘录等，特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式，一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过 CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的，那就是cite。在这个cite属性值中主要是注明引用内容的出自何处，或是给出在线的地址。

　　<q cite="#/">这次的内容会让你更进一步的了解到关于段落里的细节</q>

　　要特别注意不要把q写成p，这两个标签很容易弄错。

　　在上一篇中其实已经谈到了cite，在那篇文章中我写到“这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容，也有点像是脚注。”那么他与q之间的区别是什么呢?其实很容易理解，q是显示内容，而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如：

　　<cite>鲁迅</cite>先生说：<q>地上本来没有路，走得人多了，便有了路</q>。

　　那么blockquote与他们有什么区别呢?blockquote是块引用，XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的，浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。

　　在blockquote中有一个cite属性，与q一样是用来注明引用来源的。可以把联机文档的URL注明在其中。

　　在XHTML标签中还有一个叫pre的标签，这个标签在Dreamweaver中被称为“格式化”，在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码，并且不支持能使段落分开的标签比如

　　<p>

　　，显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。

　　一般来讲pre目前是多用于显示源代码，这与code的用途是相似的，所不同的是pre是块级的，而code是内联的。简单说，pre可以包括多行内容，而code只包含短小的一句或几个字符。

　　这里讲述的并不能完全说清楚，这就需要在看完文档后动手操作尝试一下，自行去发现其中的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一步步来，让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题，所以这里先说文档，然后再加入一些不影响整体布局的CSS知识。一步步的深入，最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步，那么可以到我的“杂谈标准”一栏中与我交流。

WEB人才仍缺口巨大-钱途无量

WEB前端发展前景好，薪资待遇高，就业口径宽

就业方向
企业需求
职业发展

从入学到入职，你要修炼大厂必备技能

全方位提高个人能力，完善个人技术栈纬度

五大阶段递进式教学，知识稳固提升

三大主流框架技术实时更新，大胆呈现教学细节，100天扎实掌握WEB硬核技能

数据和后台应用接口	第一阶段:数据和后台应用接口 核心知识点 •项目导入 •数据库技术 •JavaScript核心 •Node.js核心 核心内容 •贯穿项目介绍、软件过程、WEB服务器 •CRUD、列类型、列约束、简单查询、复杂查询 •数据类型、运算符、逻辑结构、ES核心对象 •非阻塞异步操作、IO、网络访问、数据库访问 学习天数 19天掌握服务端核心技术
用户界面系统开发	第二阶段：用户界面系统开发 核心知识点 • HTML5核心 • HTTP协议&AJAX • CSS核心 • CSS3高级 • 响应式&Bootstrap 核心内容 • 结构标签、图文排版标签、H5语义标签 • 请求和响应消息、XHR和异步请求 • 选择器、文本和颜色、盒模型、定位属性• 变形、渐变动画、帧动画、Animate.css • 媒体查询、栅格布局、组件样式、Sass 学习天数 20天掌握服务端核心技术
强用户交互设计	第三阶段：强用户交互设计 核心知识点 • JavaScript高级 • DOM&BOM • jQuery • 数据绑定和Vue.js核心 核心内容 • ES API、面向对象、ES5&6新特性 • BOM对象、DOM对象、浏览器兼容性• DOM操作、事件处理、动画函数、AJAX封装• 数据绑定、指令系统、组件、SPA和路由、Axios、Vuex 学习天数 21天进阶前端核心技术
移动App和微信开发	第四阶段：移动App和微信开发 核心知识点 • Vue.js UI库 • H5高级 • 微信开发 • 混编开发 核心内容 • 自定义组件、Element-UI、Mint-UI组件库 • Canvas&SVG、本地存储、Worker、WebSocket • 微信公众号、微信小程序 • 硬件数据、设备事件、传感器、音视频、文件读写 学习天数 21天进阶前端核心技术
高阶框架和前后端分离	第五阶段：高阶框架和前后端分离 核心知识点 • React.js核心 • React生态圈 • Python Web • Angular核心 • Angular生态圈 • 就业冲刺 核心内容 • TypeScript、模块、组件、服务、指令、管道、路由、Rx.js • WebView、Ionic简单&复杂组件、表单组件 • 语法基础、HTTP、MySQLdb、Django框架• JSX、组件、State、表单、虚拟DOM • ReactNative移动端组件• 冲刺项目、WebGL、PWA、Dart、Flutter 学习天数 20天掌握核心框架技术

课程全面升级，学习更有效

紧跟行业发展趋势 掌握企业核心技术需求

数据库、JS基础、Node.js	新增Redis数据库、Node.js集群、压缩模块等性能优化内容；新增WEB安全讲解；新增域名购买、云服务器使用、Git和Github使用等内容
HTML、AJAX、CSS、响应式、Bootstrap	新增RESTful规范、WEB调试和性能分析、Reset和Normalize.css、Animate.css
JS高级、BOM&DOM、Vue.js	降低jQuery比重，增加async/await、ES6模块规范、原生触屏事件、TypeScript语言
React、Angular、Python	Worker性能优化、框架、mpvue框架、支付宝和百度小程序
	增加Flux和Redux、爬虫技术、二维码处理、Webpack深入、Dart&Flutter、PWA、WebGL和3D开发、VR&AR

全面覆盖技能点，培养高质量WEB人才

学习是为了高效解决问题，让你拥有架构设计与搭建业务模型的硬核技能

大型项目实操练手，满足企业用人需求

边学边练，扎实代码功底，应对企业需求！

全方面的教辅体系 让你学的会

达内不仅有面授课程，还利用TTS学习系统、线上线下同步授课，学习效果更显著

多种就业渠道，保险公司承保

现金赔付，为你找份满意的工作保驾护航！