整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

零基础教你学前端-4、标题和段落标签

零基础教你学前端-4、标题和段落标签

节课学习页面中的标题和段落标签。为了丰富页面中的内容,需要用到各种各样不同的标签

这里面出现了 三个不同的标题类型,他们的大小和加粗情况都不一样,这些段落这时就需要用到不同的标签来表示了,在页面中 标题标签有 6 个,分别是 h1 到 h6 对应着不同的字号大小和加粗情况。

打开编辑器,新建一个文件 title.html,在 body 内写上一个 h1 标签,来到浏览器我们看到一个一级标题出现了。

回到编辑器 我们依次写下 h2 到 h6 标签,浏览器刷新一下,不同的六个标题出现了这就是页面中的标题标签。这些标题标签 h1最大 h6最小 而且加粗效果也是 h1 最粗 h6 最细。只有 h1 到 h6 这六个标题标签供我们使用。

段落标签 p 标签 他是一个双标签,只要是文章正文内容区域都可以使用 p 标签

打开编辑器 我们再次新建一个文件 section.htm 生成初始结构

在这里我们使用一个 p 标签 <p></p> 把我提前准备好的课文 <背影> 复制过来,回到浏览器中 p 标签里面的文本默认是从左侧开始的,然后依次向右排列,当到达屏幕的右侧 文本折行现实 用P标签,实现自然段的分段。

回到浏览器中,页面中出现了一个个的自然段。

但是每个自然段都要首行缩进2字符,如何实现这种效果?直接在编辑器里面使用空格键 打开浏览器发现 不管编辑器多少个空格,只能显示一个空格的位置。

为了实现该效果 我们目前使用的方法是 一个 代表的是一个空格键的距离,如果想要实现多个空格距离的话 就多写几个 ; 即可。我们把刚才写的空格修改成 来到浏览器刷新页面 ,效果实现了, 最后我们把写好的空格复制一份 给每一个段落都加一个 来到浏览器,一篇课文的网页就制作完成了。

接下来我们来实现示例内容 先来新建一个文件 news.html

观察效果图 第一行是个一级标题 我们就需要使用 H1 标题标签 打开浏览器 文字没有居中 我们可以给这个 h1 标签添加一个 align 属性 表示的是文字水平方向上的对齐方式 属性值为 center 再次来到浏览器 刷新以后 我们看到 文字居中的效果实现了

副标题使用 h4 标签,在这里也来一个 h4 标签, 加个 align 属性居中显示。

下面是一个小段落 p 标签把这一段 文字写好,加上2个空字符,来到浏览器。再接下来就是每一个小文章的标题, 这里使用 h3 标签来实现。

文章小标题结束后,接下来是热点新闻中的第一个段落,我们使用 p 标签 把对应的文本放在标签里面, 空开对应的间距,浏览器中运行 ,看到实现了对应的效果。 第一个文章就完成,后面的格式和这个是一样!

不多说,上网址,建议收藏备用~

考试集合

研招网

https://yz.chsi.com.cn/apply/main.do

学信网

https://my.chsi.com.cn/archive/index.jsp

省考网(河北)

http://www.hebpta.com.cn/hebpta/

国考网

http://bm.scs.gov.cn/pp/gkweb/core/web/ui/business/home/gkhome.html



有关语文/句子/写作/素材

无忧无虑中学网

http://www.5156edu.com/index_sc.html无忧无虑中学语文网

语文谜:学习语文知识

https://www.yuwenmi.com/

文学

http://www.ruiwen.com/wenxue/

第一句子网

https://www.diyijuzi.com/taici/1187.html

句子大全

https://www.1juzi.com/new/174967.html

短文学

https://www.duanwenxue.com/article/272693.html

热点中心

搜狗、知乎、豆瓣、微博、百度等热点新闻和关键词;头条的热门文章;违规文章

https://article.xmt.cn/#/weibo/index

新榜

查询微信、微博、头条号、抖音号的榜单账号

https://www.newrank.cn/public/info/list.html?period=day&type=data

清博指数:

查有关主题的公众号及文章;微信、微博、头条、抖音榜单账号

http://www.gsdata.cn/rank/wxrank

GET:

智能写作平台,推荐素材、热点发现。目前觉得不成熟。

https://getgetai.com/

知乎

搜索:情感句子 site:zhihu.com



阅读类

读写人——http://www.duxieren.com

一个聚集了书评杂志、书评博客、中英文读书资源的读书网站,在这里能看到大学课程里你看不到的东西,非常适合用来提升自己。

书格——https://www.shuge.org

提供古籍阅读的数字图书馆。

豆瓣阅读——https://read.douban.com

一个优秀的数字作品阅读、出版平台,提供个人作者原创作品和出版社精品电子书,内容多样一定有你想要的。

读书笔记——http://www.write.org.cn

提供思维导图读书笔记分享的平台,帮助网友一起阅读,目标是每天一本书。

云阅读——http://www.iydu.net

一个专注于分享有趣文字的阅读网站。不管你想深阅读还是浅阅读又或者是纯粹放松看看冷笑话,它都可以满足你!

读写人——http://www.duxieren.com

一个聚合了书评杂志、书评博客、中英文读书资源的读书网站。



自媒体平台

头条

https://mp.toutiao.com/profile_v4/index

企鹅

https://om.qq.com/userAuth/index


运营工具

百度指数

http://index.baidu.com/v2/rank/index.html?#/industryrank

秀米

https://xiumi.us/#/

思维导图

http://www.edrawsoft.cn/mindmaster

图怪兽

https://818ps.com/?route_id=15656658815935&route=1,&after_route=1

专业抠图网站

https://www.remove.bg/

soogif网站,动图

https://www.soogif.com/

图标库(小图标)

https://www.iconfont.cn/?from=xmt.cn



美图/设计图片

堆糖

https://www.duitang.com/

plxaboy:一些免费的照片

https://pixabay.com/zh/images/search/%E5%88%9B%E6%84%8F/

千库网:元素、背景、模板、ui界面、插画、海报

https://588ku.com/tuku/n-yishuchuangzuozhe.html

拍信创意:付费图片

https://v.paixin.com/newpackageintro/xmt?utm_source=xmt&utm_medium=cpm&utm_campaign=xmt-1

视觉中国:有logo、有些付费

https://www.vcg.com/

大作:图片素材+图片设计

http://www.bigbigwork.com/

fotor懒设计

公众号、海报、封面、活动海报

https://www.fotor.com.cn/app.html#/design/projects

创可贴

海报图片制作

https://www.chuangkit.com/?dontjump=1

拾染:制作小卡片,相册,书籍

https://www.shiqichuban.com/react_simple/app/index.html#/shelf

剪辑摄影爱剪辑官网学习

http://www.ijianji.com/course.htm

数码大师

数码大师搭配爱剪辑,快速制作一个精美的电子相册。

喵影工厂



网络学习平台

腾讯课堂

https://ke.qq.com/

网易云

http://study.163.com/

爱课程:

http://www.icourses.cn/home/

多贝:

http://www.duobei.com/

MOOC学院:

https://mooc.guokr.com/

学堂在线:

http://www.xuetangx.com/

暖石网(新媒体运营学习)

https://shicao.nuanshi100.com/setting?usertype=unpay

fotor懒设计:工作学习工具小技巧

https://www.fotor.com.cn/blog/

网易公开课——https://open.163.com

中文公开课网站,这里有国内的众多公开课,TED、可汗学院等国外网站课程(有翻译喔!)随时随地让你感受名校教育。

中国教育在线开放资源平台——http://www.class.cn/index/open

这个网站包括了哈佛大学、耶鲁大学、斯坦福大学、复旦大学、浙江大学等国内外知名高效开放课程,你可以学习世界不同名校的课程,感受不一样的课堂氛围。

粉笔网——http://fenbi.com/web

这个网站关注全国各地知名老师并与其互动,下载原创的学习资料和题目。内容覆盖了考研、四六级、雅思、托福、公务员考试等,一个比较实用的网站。

万门大学——https://www.wanmen.org

提供免费的高品质学习课程。

中国教育在线开放资 源平台——http://www.class.cn/index/open

包括哈佛大学、耶鲁大学、斯坦福大学、复旦大学、浙江大学等国内外知名高校开放课程。


语言学习类

1. 沪江英语网——http://www.hjenglish.com

英语交流平台,不管你的英语基础如何,你都可以在网站内找到自己适合的内容(口语、听力、阅读、留学英语等)

2.译言网——http://yeeyan.com

这是一个开放的翻译社区,用户可以提交发现的精彩外文内容、翻译原文库的文章、点评翻译作品、加入兴趣小组等。

3.拓词——https://www.towords.com/

实用的背单词网站,大概很多人都用过吧~

4.NPR——www.npr.org

NPR是美国拥有最多听众的广播电台,它的节目较为公正,反映美国生活的方方面面,可以很好地了解当今美国社会现象和美国人的生活。不用翻墙!不用翻墙!

5.小语种口语网——http://www.tukkk.com

提供很多小语种的口语练习网 站,如西班牙语、法语、德语、葡萄牙语等。

6.有道学堂——https://ke.youdao.com

网易出品。很全面的英语在线学习网 站,包含从小学到专四专八等各个等级的英语学习。

7.Lang-8————https://lang-8.com

可以免费学习很多种语言,你可以上传自己写的外语短文,母语者会帮助你修改你的文章。

8.魔方电影——http://www.mofunenglish.com/

看个电影还能把英语学了,无形中提高你的英语口语和听力,对于电影爱好者而言是首选!

9.声同小语种——http://www.somdom.com

小语种学习论坛,提供泰语、西班牙语、法语、阿拉伯语等多种语言的学习交流。

10.普特英语听力——http://www.putclub.com

国内最大的英语听力训练社区,听力资 源异常丰富。



科普类

1.果壳网——https://www.guokr.com

泛科技类主题网 站,提供负责任、有兴趣、贴近生活的内容,可以阅读、分享、交流、提问等。

2.36氪——https://36kr.com

提供科技新闻,及新兴互联网公司信息、评论、分析等。

3.虎嗅网——https://www.huxiu.com

个性化的商业资讯网站和交流平台。

4.知乎——https://www.zhihu.com

不是多说了,你这不用着的吗。

5.科学松鼠会——https://songshuhui.net

致力于在大众文化层面传播科学的网站。

6.topbook——https://topbook.cc/overview

通过视频的形式,分享高效生活、工作所需要的技能、应用、资源、思维。

7.丁香医生——https://dxy.com

提供医疗健康信息和服务,专注提供医学健康内容与医疗健康服务的平台。

8.爱范儿——https://www.ifanr.com

聚焦新创和消费主题的科技媒体。

9.福布斯中国——http://www.forbeschina.com

在这里你可以感受到创业精神、创富工具,对于大学生而言多看有益,打开你的创业思维。

10.中国科普博览——http://www.kepu.net.cn/gb/index.html

中国科普博览是一个综合性的以宣传科学知识,提高全民科学文化素质为目的大型科普网站。没有围墙的博物馆,中科院网络化科学传播平台。


国外科普类

1.美国博闻网——http://www.howstuffworks.com

美国一个寓教于乐的商业网站,使用各种媒体来解释复杂的概念、术语和机制,包括照片、图表、视频、动画和文章。

2.探索频道——http://dsc.discovery.com

这个大概无人不知吧,是美国卫星和有线电视专业频道,出过很多耳熟能详的纪录片。

3.每日科学——http://www.sciencedaily.com

美国科普文章专题新闻网站。该网站覆盖:天文学、太阳系外行星、计算机科学、纳米技术、医学、心理学、社会学、人类学、生物、地质、气候、空间、物理等等等等各种各样的科学课题文章。

4.自然——http://www.nature.com

被评为世界上最跨学科的科学期刊,它拥有非常广泛的科学领域的原创研究文章发布,能在自然杂志里发布的文章都是国际知名研究领域的文章。



数据库类

1.中国知网——http://www.cnki.net

面向海内外读者提供中外学术文献、学位论文、年鉴等各类资源统一检索、统一导航、在线阅读和下载服务等。

2.万方数据——http://www.wanfangdata.com.cn/index.html

学术论文、期刊、外文文献等学术资料都可以在这儿一站搜索到。

3.中国科学引文数据库——http://sciencechina.cn

检索在国内期刊发表过的论文被引用情况。

4.CALIS高校学位论文库——http://www.calis.edu.cn

查询国内学位论文全文。

5.超星网——http://www.xuexi365.com

网络书库,借助学校图书馆可以免费浏览各类读物和学术专著。

6.中国统计网——http://www.itongji.cn

提供数据分析行业资讯等学习资料。

7.小木虫——http://muchong.com

学术科研互动社区,包括科研问答、论文投稿与基金申请经验等分享。

8.世界知识产权组织——https://www.wipo.int/portal/zh

查看国外专利文献。


互联网类

1.慕课网——https://www.imooc.com

IT技能学习平台、移动端开发、web前段、html5教程课程资 源。富有交互性及趣味性,可以和朋友们一起编程。

2.我要自学网——https://www.51zxw.net

经典视频教学网 站,几乎所有大型软件都有教程,涉及网页设计、PS、CAD、AE等。

3.三节课——https://class.sanjieke.cn

三节课,一所培养互联网核心人才的在线大学,不仅提供"知识",更关注和强调从"知识获得"到"能力提升"的转化过程。

4.人人都是产品经理——http://www.woshipm.com

以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人的网站。

5.暖石网——https://www.nuanshi100.com

学习互联网营销技能的网站,课程全部从获得实际效果出发,全程有老师协助进行实操训练,帮助营销从业者快速获得实操技能。

6.W3school——http://www.w3school.com.cn

网站建设教程,从基础的HTML到XHTML,到进阶的XML、SQL、数据库和WAP等等。

7.翼虎网——https://www.yiihuu.com

提供主流应用软件的教学及插件工具等资源下载。



生活休闲类

1.下厨房——http://www.xiachufang.com

一个分享实用菜谱做法和饮食知识的平台。

2.走廊网——>http://www.zoulang.com

一个信息精选聚合网站,涉及生活、文化、创意视觉、时尚等6个方面。

3.创意栖息——http://ideaest.com

一个收集并分享创意、文字、技巧的网站。

4.像素蜜蜂——https://www.pixbe.com

很多大佬摄影师分享作品的地方,如果想学习摄影,可以从这里取取经,掌握摄影技巧也是很有用处的。


艺术类

1. 豆瓣电影——https://movie.douban.com

提供最新的的电影介绍和影评、评分,跟着这里的电影推荐看再也不怕片慌了,学习之余看看电影放松一下。

2.Justin Guitar——https://www.justinguitar.com

这里有免费的吉他课程,也有基础的吉他相关知识,你不用花钱请老师,在这儿就能学到,对于大学生来说很友好了!

3.落网——http://www.luoo.net

音乐爱好者会喜欢的网站,推荐国内外独立音乐的网站。

4.Gallerix——https://en.gallerix.ru

在线绘画艺术图库,收录了世界知名画家作品的网站,可以说是一个在线的美术作品博物馆。在这个网站你可以看到世界名画,感受艺术的魅力~

5.库克——http://www.kuke.com

提供戏剧推荐及城市戏剧资讯,涉及歌剧、芭蕾、话剧等多个方面。


私聊回复“网站”,发送给你电子版网站资料~

品:Surface Pro 4微软笔记本电脑

1Microsoft Edge能否取代IE

7月29号开始,微软陆续向用户推送了Windows 10免费升级内容,相信目前已经有不少朋友成功迈入Windows 10时代。整体来说,Windows 10比当初的Windows 8更具亲和力,这多半来自于Metro界面选择自主化,以及开始菜单的优化,同时在根本操控机制上,也让用户有一种XP与Windows 7两代成功系统的习惯性体验。

同时,Windows 10系统本身在轻量化、开机速度等方面都进行了针对性优化,即便不使用固态硬盘,也能够有不错的运行速度。此外,Windows 10在很多细节方面做了一些优化,成为了加分项目,比如相对苹果Siri而言更加出色的Cortana语音助手,再比如多任务分屏功能,以及UI优化非常棒的新通知界面等等,这些加分项虽然不一定每个人都会时常用到,但至少每一项都最大程度的优化到位,不会像Windows 8那样让人感觉陌生,这就已经足够了。

而在Windows 10众多新元素里,笔者个人认为进化最大的无疑是MicrosoftEdge浏览器,因为与以往的IE相比,Edge无论是在性能方面,还是在体验方面都更趋向于主流浏览器,同时它还继承了一些IE本身的优点,以及一些本质性的能够大幅提升用户体验的界面优化,就笔者这些天来自己的使用情况来看,Edge除了在兼容性方面有一些问题,其它方面完全可以达到不用再下载新浏览器的层级了,仅仅是这一点,就远比IE要更为成功。

从7月底升级Windows 10以来,Microsoft Edge已经伴随着笔者走过了大约一周的时间,因此不妨在此做一次阶段性的总结,与大家分享一下Microsoft Edge的实际体验到底如何?

产品:Surface Pro 4微软笔记本电脑

2从IE 1到IE 11的二十年

·从IE 1到IE 11的二十年

从1995年至今,IE伴随着Windows系统已经跨越了11个版本,从IE 1到IE 11虽然说不上每代都很成功,但是IE在浏览器领域的用户量上始终名列前茅,优势是Windows 7时代的IE 9,更是拥有超过30%的全球使用量。

然而随着Windows 10到来,MicrosoftEdge取代IE已成事实,虽然Edge由于兼容性问题依然无法完全摆脱IE,但在今后的岁月里,随着人们对Edge认可度不断提升,IE无疑会逐渐淡出人们的视野,而当Edge彻底解决兼容性问题之后,IE的命运可想而知。

IE浏览器伴随着PC用户走过二十年,IE 11或许是它的最后一个版本

因此在谈Edge体验之前,我们不妨先来回顾一下IE的这十一个版本,顺便也向IE这位陪伴我们二十年的老朋友道一声别。

1995年8月16日,IE 1发布,并预装在Windows 95系统之中。然而让人难堪的是,IE 1几乎没有什么市场,影响力也非常小。

同年11月,IE 2正式发布,同样尴尬的是,它在开辟市场份额上依旧没有什么作为。不过IE 2与IE 1可以说是间隔最短的两代IE浏览器。

IE 3对于微软来说、对于IE而言是一个突破,它于1996年8月13日发布,支持CSS功能,在发布后一周之内的时间里下载数破百万。随后经过一年时间的冲刺,于1997年年底让IE的用户使用量攀升到30%,从此,IE逐渐成为人尽皆知的浏览器。

1997年10月IE 4发布,支持Windows 95、98以及NT系统,首次支持DHTML,同时微软开始尝试将IE整合在Windows系统之中。其中,Windows 98强制安装IE浏览器,此举虽然看似霸道,但对微软、对IE的影响非常深远。

IE 5于1999年3月发布,而后被捆绑在Windows 98SE系统中,它的最大特性是引入对AJAX的支持。

时间来到二十一世纪,IE 6集成于微软目前历史上用户最广、使用时间最久、也是最为经典的Windows XP系统中一起发布,IE 6与Windows XP的影响力无需赘述。直到现在,依然有不少网站是基于IE 6内核才能正常运行,可见其泛用性之广、影响之深远。

2006年10月,IE 7伴随Vista一起上市,而距IE6发布已经有五年时间,客观来看,IE 7本身并不像Vista系统那样失败,还是有不少亮点可寻,然而此时的浏览器行业竞争日益激烈,尤其是火狐浏览器的成功成为IE最主要的竞争对手,并且在某种程度上完胜IE 7,自此,IE浏览器开始走向下坡路,并逐渐沦为下载其它浏览器的第一通道。

2009年3月发布的IE 8与IE 7的命运截然相反,IE 7是受Vista系统拖累而难有作为,而IE 8相对于Windows 7系统的成功来说,其自身虽然说在安全性方面得到大幅度增强,可以下载超过4GB文件,同时也是微软第一个64位浏览器,但此时市面上比IE性能强、优化好的浏览器实在是太多了,很多用户对于IE 8的使用仅仅限制在第一次开机之后下载别的浏览器,这其中就包括笔者本人……

IE 8的不够成功让微软开始琢磨IE 9的计划,2011年3月,微软推出IE 9,依然基于Windows 7系统,虽然在CSS 3、SVG以及HTML 5上给予了支持,但用户似乎很少买账。

IE 10初次与用户正式见面是在2011年4月,是微软野心勃勃的Windows 8系统浏览器,然而Metro版与桌面版的冲突,以及Windows 8系统自身的问题,导致这款处理器并未如微软预期那样改变IE浏览器的状况。

为了挽回Windows 8系统的失败,微软推出了“开始”按钮回归的Windows 8.1系统,然而Metro与Windows 8.1桌面版的冲突依然存在,因此伴随Windows 8.1而来的IE 11也并未受到更多用户的关注。况且时下的浏览器,包括Chrome、遨游、火狐等依然是很多用户的第一选择,IE 11在众多的选择下只能沦为辅助,而无法成为第一选择。

从1995年第一款IE浏览器发布,到2015年IE 11进入Windows 10系统,二十年时间、十一个版本,能够被称为经典屈指可数,我想这也是微软放弃22万行原始IE代码,转而推出全新的Microsoft Edge浏览器的重要原因,那么Microsoft Edge能否肩负起微软家浏览器复兴的希望呢?它的功能、性能、体验到底怎样呢?

产品:Surface Pro 4微软笔记本电脑

3颇具亮点的起始页可定制功能

·颇具亮点的起始页可定制功能

如果是第一次完成Windows 10升级或安装的话,那么你会发现,Windows Edge被设定为Windows 10的默认浏览器,从这一点举动上就可以看出微软对Edge的重视,以及其取代IE的决心。打开开始界面,就可以看到唯一的蓝色MicrosoftEdge浏览器图标,点击就可以打开。

打开Metro风格的开始菜单,可以看到Microsoft Edge图标

相对于IE而言,ME在整个界面的UI上做了扁平化处理。标签栏与地址栏分成了上下两行,标签与标签之间没有明确的边框区分,而是通过白色与灰色的高亮反差进行区分,这些小细节上的改变虽然不致于让ME与IE更为出色,但至少说明ME与IE在表面的设计上就已经有了差异化。

那么ME在特色功能方面有哪些亮点呢?

·可定制化的开始页面

首先笔者个人最喜欢的一个功能就是起始页的可定制化功能。当然这个功能并不是每个用户都喜欢,只是笔者个人的偏好罢了。此前一直使用百度的起始页定制界面,如今ME有了这个功能,感觉更加方便了,毕竟只要设定好之后,每次打开ME之后第一时间就能够看到相关内容。

自由定制各种语言的新闻资讯

ME的可定制化起始页最为强大的地方在于,它可以选择除简体中文之外的其它各个语种的相关内容,从上图的语音列表中可以看到,不仅可以选择日文、繁中、韩文、英语这些我们身边比较熟悉的语种,连曲里拐弯的阿拉伯文也可以选择。当然笔者压根看不懂阿拉伯文,所以定制了香港特别行政区的内容。

下面的小标签可以选择显示的内容

选择好语言之后,还可以通过下面的热点标签选择你所希望关注的内容,勾选之后点击保存即可。

点击保存之后会看到瀑布流式的新闻资讯页

选择好定制内容之后,可能并不会在第一时间就显示出来,这时候需要重启一下ME,即可看到起始页面的定制内容,以左上角焦点图+图文瀑布流的形式呈现,整体的观感还是非常不错的,也很适合触控屏用户的阅读操控。

产品:Surface Pro 4微软笔记本电脑

4阅读模式简洁不简单

·阅读模式简洁不简单

ME相对于IE有不少创新之处,但同时也有一些继承性的元素,比如InPrivate浏览模式就被直接继承下来,用户在此模式下不用担心浏览痕迹的泄露。因此可以看出,ME虽然是一款微软全力打造的全新浏览器,但在一些原生功能方面还是很好的继承了IE的。

·收藏夹阅读列表模式

第二个让笔者觉得比较方便的地方,是收藏夹中添加了阅读列表模式。虽然这个功能目前存在一些问题,但相信后期会有很好的优化。将网页搜藏在阅读列表模式中时,会显示文章的缩略图、标题以及相文章所在网站的频道名称,不过缩略图抓取存在一定问题,无法准确的抓取到与文章相关的图片。

阅读列表模式还是比较不错的

就拿上图笔者保存的两篇文章来说,上面那篇的缩略图抓取非常准确,是本篇文章的首图,而下面那篇文章缩略图在抓取时就不够准确了,误把编辑的头像抓取了过去,与文章内容没有任何关系,所以这一点上是有待改进的。

·简洁不简单的阅读页面模式

接下来再说说ME与IE最大的不同,就是阅读页面模式。

打开网站的时候,大家会发现地址栏最右侧有一个“书”的标志,在页面打开之后的1-3秒之内这个按钮是灰色且无法点按的。

红框所示状态无法点按

稍等一会儿就会发现“书”标志的外观变成了黑色描边,且有翻书页的动画提示,这时候点击图标就可以进入阅读浏览模式。当然这个模式对于微软的浏览器来说比较新鲜,而对于其它浏览器,尤其是手机版本的浏览器已经是非常普遍的模式了。不过微软能够在ME上加入这种阅读模式,也足见其对阅读模式这种浏览模式的认可。

稍等几秒图标就可以点击了

在阅读模式下,看小说绝对是首选,但是对于有大量广告的页面,同样也是一种纯净阅读模式。在进入阅读模式之后,网页变得非常干净,没有任何广告,这一点是笔者个人非常欣赏的地方。

进入阅读模式

在阅读模式下,用户可以对文章进行一些标注,只要点击上图所示右上角右数第三个图标,就可以调出下图紫色框体中所出现的这些功能图标。

阅读模式可以由用户自主做标识

左上角出现的工具依次为:细目蓝色笔刷、粗目黄色笔刷、橡皮工具、书签标识框以及截屏工具。

高亮重点文字

圈点重点内容

随时做书签标注

截图简单方便

阅读模式在如今的浏览器中并不罕见,但是ME的阅读模式非常的纯净,过滤了所有页面上的广告。同时在功能方面,也比较齐全,同时操控非常简单直观,整体的亲和度非常高,所有功能都可直接实现,而不会像IE中的很多功能需要点击2次甚至3次相关列表按钮才能找到。

产品:Surface Pro 4微软笔记本电脑

5做减法让ME更具亲和力

·做减法让ME更具亲和力

与IE相比,这段时间笔者使用ME最大的感受是:这款浏览器完全脱胎于IE,同时做了非常多的减法,使得IE给人的那种不方便感全然消失。那么接下来我们就一起看看,ME到底是做了哪些减法,而使自身在体验上得到充分提升的?

·浏览历史简化

首先一点,就是在历史记录上进行了简化。以IE 11为例,其浏览记录的查看方式有很多种,包括时间、浏览次数、站点、访问顺序等等,虽然看似非常全面,但用户在实际使用中基本不会这么复杂。因此,ME在历史记录上直接取消了各种分类,只按照时间进行区分,而且将列表做的非常简单直观,省去了很多需要多次点选才能实现的功能。

右侧的浏览记录按时间细分

点开相应的时间标签可以看到以往的浏览内容

·简化功能层级

苹果iOS为什么好用?我想很大一部分原因来自于它的直接。你并不需要一层一层的点开各种选项标签,就可以直接开启自己想要的功能,这对于用户体验来说是可以产生质的飞越的。

ME让我觉得与IE最大的一点不同与改进,就是菜单的简单化。IE的功能菜单让人有一种压根就不想点的感觉,这主要是因为很多功能都需要点击至少2到3次才能实现,如果对于不熟悉的朋友来书,有时可能点半天都还不一定能不能找到相应的功能,而ME在这方面进行革命性的改变。

所有功能只需一次点击

首先来看上面这张图,右上角的功能列表非常简化,而且除了设置之外,其它功能都是点一下即可实现,非常的方便。

设置列表铺开,并且直接开启相应功能

高级设置也很简单

唯一需要点击超过一次的功能,就是设置。以往的IE设置项打开之后,是一层又一层的对话框,而ME的设置打开之后,是以列表的形式呈现,所有功能都在一张列表上鲜明列出,并且通过“开/关”这样的简单逻辑就可以实现相应功能的操作,无需用户去考虑诸如“我到底该如何选择”这样的问题,我想这是ME相比于IE最为出色的地方了。

多项功能列表整合

除了在列表层级上做减法之外,ME对IE的一些功能也进行了整合。比如将收藏夹、历史记录、下载器这些功能性元素整合在一起,从而简化任务栏的内容,一方面可以让UI显得更加简洁,另一方面也方便用户的使用,无需一个一个的去寻找,这也是ME相对于IE做出的减法。

综上所述,之所以笔者个人觉得ME是一款非常成功的浏览器,主要原因来自两个方面:

其一,更具亲和力、以及实用性的功能。

其二,相对于IE更加简单、直观的界面。

产品:Surface Pro 4微软笔记本电脑

6不足之处需要尽快修复

·不足之处需要尽快修复

ME并不是一款毫无缺点的浏览器,相反它目前的缺点很可能抹杀前面所有的优点,再次让用户拒绝来自微软的浏览器,因此虽然ME成为了Windows 10的默认浏览器,但微软依然需要对它加倍上心,尽快解决一些存在的问题。

·无法通过拖动文字链的方式直接打开网页

首先的一点不足之处在于,你无法通过拖动文字链的方式直接打开网页。这对于笔者这种平时使用傲游、Chrome较多的用户而言,是一个不太能够接受的问题。因为在某些情况下,笔者并不希望点开网页而覆盖显示之前的网页,还是希望留在原页面浏览,之后再进行新页面浏览,如果只提供一种方式的话,显然还是不够的。

当然有的朋友也会说这是你故意找茬,但笔者结合自己的使用习惯真的是感觉到一些不便。

无法通过文字链拖动打开新页面

无法通过文字链拖动打开新页面

·兼容性问题有待解决

对于一款浏览器而言,最致命的问题就是兼容性。

ME在兼容性方面目前有不少问题,这也是IE为什么与ME同时存在于Windows 10系统的主要原因。如果遇到兼容性问题,ME就会显示下图所示页面,如果依然在ME中打开,那么网页的某些功能可能并不能正常使用。

兼容性问题尚待解决

对于笔者而言,目前遇到的关于ME的问题就是这两个,而后者无疑对于ME有着致命的威胁,如果兼容性一直得不到很好的解决的话,那么用户流失是必然的。当然微软肯定不会让这种情况持续发生,当ME兼容性问题完全解决之后,它绝对可以成为Windows系统的当家浏览器。

产品:Surface Pro 4微软笔记本电脑

7结合Surface的触控体验怎样

·结合Surface的触控体验怎样

对于Surface而言,对于Windows 10而言,我想二者终于找到了彼此的平衡,Surface与Windows 10结合在一起肯定远比之前与Windows 8结合要成功的多,而ME在其中则扮演着更为重要的角色。笔者在写这篇文章之前,特意找了一台Surface进行了实际体验,下面来谈谈简单感受:

网页浏览

平板模式下的ME与桌面模式下并没有区别,这与Windows 8时代的IE两个版本相比,做法显然要聪明的多,用户无需去区分两个版本之间的差异,桌面怎么用,触控模式就怎么用。

阅读模式标注

便利的触控截图

共享到特定应用

竖屏网页浏览

查看图片

方便的触控设置

定制页浏览

通过一系列的使用,我觉得Surface是Windows 10、是ME最好的载体,毕竟都是微软出品的东西,自家更加了解自家的特性。在Surface上通过触屏使用ME,整体的操控是相当流畅且精确的,尤其在阅读模式下对网页的标注变得更加自然,而在起始页定制页面的浏览也非常方便。

同时,由于设置菜单的简化,也对触控操作实现了优化,进行设置时的操控非常方便,无需担心一个又一个的对话框。总体而言,ME在Surface上的使用非常令人满意,有条件的朋友不妨去亲自试试,一定会改变你对当初搭载Windows 8系统Surface的印象。

产品:Surface Pro 4微软笔记本电脑

8理论测试成绩超越Chrome?

·理论测试成绩超越Chrome?

最后来看看简单的性能测试。笔者对于浏览器的测试其实了解的不多,因此只选择了能够直观看出差异的测试项目,就是Jet Stream的综合跑分测试。笔者对常用的Chrome、IE以及ME进行了对比,下面来看看它们之间的成绩差异:

Jet Stream Chrome测试结果

Jet Stream IE 11测试结果

Jet Stream MicrosoftEdge测试结果

从三个浏览器的测试结果来看,Chrome的综合得分为45.923分,IE 11最差,得分只有24.841分,而ME性能最强,得到了47.498分的成绩。由于笔者主要做PC硬件评测,所以这里就不对浏览器的性能做过多描述了,有兴趣或者懂浏览器测试的朋友不妨自己去测测看吧。

体验总结:ME是一款能够在第一时间就给人好印象的浏览器,这与IE是有所不同的。Edge有继承IE的地方,当然也有更多比IE优秀的地方,如果问“ME能否取代IE成为Windows的当家浏览器?”笔者的答案是,“兼容性问题解决之后就没有问题。”

虽然笔者不太懂浏览器性能测试,但在写这篇体验之前也阅读了一些相关内容,网上一直有传言Edge的性能要优于Chrome,而之所以本篇最后的测试选择了Chrome做参照,一方面是因为这是笔者此前常用的浏览器,另一方面也是基于网上的传言想要验证一下,最终结果虽然分数相差不大,但是Edge在性能方面确实已经超过了最新版的Chrome浏览器,不过在下面附文中的HTML 5以及GPU加速测试中,ME与Chrome相比还是有较大差距的,因此网上流出的ME性能超越Chrome的说法并不严谨。

此外,ME给我留下的最直观印象就是“做减法”的举动随处可见,这种减法带来的是UI、使用体验、控制等方面的全面进化,彻底摆脱了IE那种较为复杂的操控结构。其简洁度已经与初装的Chrome相差无几了。而在细节功能方面,它又比Chrome方便了不少,截屏、阅读模式、收藏夹阅读列表模式以及起始页可定制设计,都让我觉得非常的便利。

因此平心而论,Microsoft Edge对于我个人而言,已经是一款很成功的浏览器了,足以取代现在使用的Chrome以及傲游。

--------------------------------------------------------------------------------------------

·附文:其它测试成绩

ME在HTML 5测试中得分402

Chrome在HTML 5测试中领先明显

ME GPU加速测试:FPS在31-53之间跳动,不够稳定

Chrome GPU加速测试:稳定在59-60fps

9微软Surface Pro 4详细参数