资讯专栏INFORMATION COLUMN

前端体系梳理

entner / 1489人阅读

摘要:交互元素用于与用户交互的元素元数据元素被用于说明其他内容的表现或行为,或者在当前文档和其他文档之间建立联系的元素。

一、开篇

很久以前我们对于前端的理解就是开发web网页的,并且在PC上的浏览器进行展示;后来,随着响应式布局和智能手机的兴起,web网页更多的出现在了移动端的浏览器中;再后来,随着技术的不断发展,web页面逐渐出现在了PC、Android、Iphone的application(APP)中。从上面的发展可以看出,前端涉及的面越来越广,未来前端技术也会越来越重要,前端工程师们加油哇!
下面我将一点点完善整个前端结构,由于无法一次写完,所以这篇文章会不断更新,如果大家觉得还可以就先关注一波,以便及时查看更新内容。

二、什么是前端

1、前端主要包括下面三个部分:
1.1 web标准技术
HTML、CSS、JavaScript、SVG、HTTP、WebGL等
1.2 运行环境
PC端浏览器、移动端浏览器、PC端桌面应用、移动端桌面应用等
1.3 界面与交互
界面的设计、用户的交互设计等问题,比如需要考虑web无障碍性(e.g:盲人或者色盲无法正常浏览页面,此时应该怎样进行界面和交互的设计以满足该类人群的需要呢?)

2、前端开发时需要考虑的问题

三、HTML

什么是html呢?html就是使用标签来描述页面的内容和结构。
1、HTML5的变化
目前最新的HTML标准是html5,那html5相比以前的标准有哪些变化呢?
1.1 doctype声明更加简洁

1.1.1、Doctype的作用
a、 指定文档使用的标准和版本
html到现在已经经历了很多个版本,最新的是HTML5,声明Doctype可以指定该文档遵循的标准。
b、 浏览器根据Doctype决定使用哪种渲染模式
浏览器的渲染模式分为怪异模式、标准模式、部分怪异(准标准)模式,在不同模式下浏览器对于同一个文档的渲染方式是不同的。最突出的一个影响就是在标准模式下和怪异模式下的盒模型不同。上面的是标准盒模型,下面的是怪异模式下的盒模型。

1.1.2 如何声明doctype


1.2 meta标签的变化





















1.3 新增了许多语义化的标签和属性,例如:标签有header、nav、article、main、footer等,属性有readonly、disabled、hidden等。

1.4 去掉纯展示性标签,例如:stricke、font、s等标签。

1.5 增加了很多富应用化的东西,例如canvas、video、audio、离线、本地存储、拖拽等。

2、HTML语义化
2.1 什么是语义化
HTML中的元素、属性及属性值都拥有某些含义。如

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52320.html

相关文章

  • 前端体系梳理

    摘要:交互元素用于与用户交互的元素元数据元素被用于说明其他内容的表现或行为,或者在当前文档和其他文档之间建立联系的元素。 一、开篇 很久以前我们对于前端的理解就是开发web网页的,并且在PC上的浏览器进行展示;后来,随着响应式布局和智能手机的兴起,web网页更多的出现在了移动端的浏览器中;再后来,随着技术的不断发展,web页面逐渐出现在了PC、Android、Iphone的applicati...

    widuu 评论0 收藏0
  • 前端体系梳理

    摘要:交互元素用于与用户交互的元素元数据元素被用于说明其他内容的表现或行为,或者在当前文档和其他文档之间建立联系的元素。 一、开篇 很久以前我们对于前端的理解就是开发web网页的,并且在PC上的浏览器进行展示;后来,随着响应式布局和智能手机的兴起,web网页更多的出现在了移动端的浏览器中;再后来,随着技术的不断发展,web页面逐渐出现在了PC、Android、Iphone的applicati...

    DataPipeline 评论0 收藏0
  • 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系

    摘要:前言见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正。为什么要梳理这篇文章最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正。 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目...

    kel 评论0 收藏0
  • 前端开发收集 - 收藏集 - 掘金

    摘要:责编现代化的方式开发一个图片上传工具前端掘金对于图片上传,大家一定不陌生。之深入事件机制前端掘金事件绑定的方式原生的事件绑定方式有几种想必有很多朋友说种目前,在本人目前的研究中,只有两种半两种半还有半种的且听我道来。 Ajax 与数据传输 - 前端 - 掘金背景 在没有ajax之前,前端与后台传数据都是靠表单传输,使用表单的方法传输数据有一个比较大的问题就是每次提交数据都会刷新页面,用...

    ygyooo 评论0 收藏0

发表评论

0条评论

entner

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<