ES6 展望



html6

HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了
,
,
这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿,并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签?比如:使用来显示你的网站logo,还有使用来显示工具栏等等。我们经常使用和来组织页面,在 HTML6 里我们希望可以直接使用象这样的自定义标签。

和 XML 一样,HTML6 应该支持 namespace(命名空间),如:xmlns:xhtml=”http://www.w3.org/1999/xhtml”

HTML6 代码样例:

A Look Into HTML6

Heading of main article

Sub-heading of main article

[...]

[...]

The concept of HTML6

Understanding the basics

[...]

This site is © to Anonymous 2014
在上面的代码中,你也许注意到了一些奇怪的标签,它们是 W3C 和 HTML6 规范中在命名空间里定义的标签。例如:负责设定你浏览器的标题栏文字,负责显示图片等等。用户可以自己定义标签以便 JavaScript 和 CSS 识别和处理,这样页面代码会更易读,语义更清晰。

HTML6 APIs

HTML6 的标签前带有命名空间,如:, 等等。

1.

// this is equivalent to tag written in previous HTML versions 2. 和 标签一样。

3. 标签类似。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 4. <html:meta> 和 <meta> 标签类似,不同之处在于,在 HTML5 中你只能使用标准的元数据类型,如:”keywords”, “description”, “author”等,而在 HTML6 中你可以使用任何元数据类型。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title><html:meta type="description" value="HTML example with namespaces"></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 5. <html:link> 和 HTML6 之前版本的 <link> 标签类似。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title><html:link src="js/mainfile.js" title="Script" type="text/javascript"></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 6. <html:body> 和 <body> 标签一样。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><!-- This is where your website content is placed --></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 7. <html:a> 和 <a> 标签类似,区别是 <html:a> 只有 “href” 一个属性。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><html:a href="http://siteurl">Go to siteurl.com!</html:a></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 8. <html:button> 和 <button> 及 <input type=”button”> 一样。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><html:button>Click Here</html:button></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 9. <html:media> 涵盖 <img>, <video>, <embed> 等标签的所有功能。<html:media> 的好处是你不用根据不同的媒体文件类型使用不同的标签,媒体的类型由浏览器从文件内容(类型属性,扩展名,和MIME type)中来判断。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><!-- Image would come here --><html:media src="img1/logo.jpg" type="image"><!-- Video doesn't need a type --><html:media src="videos/slide.mov"></html:body></html:html></pre> <h4> 标签类型(Tag types)概述</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 和 HTML5 一样, HTML6 也有两种标签类型:单标签(single tag) 和双标签(double tag)</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><html:meta type="author" content="single tag"><html:meta type="author" content="double tag" /></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 单标签不需要结束符’/’</p> <h4> 结语</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> HTML6 规范还未发布,本文原作者 Oscar Godson 只是为我们提供了一个对 HTML6 规范的展望,或者说他希望 HTML6 能够支持的一些新特性。</p> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 原文链接:A Look Into HTML6 – What Is It, and What Does it Have to Offer?</p> <h4> <img referrerpolicy="no-referrer" class="size-full wp-image-12211 alignright" src="https://coolshell.cn/wp-content/uploads/2014/12/html6.jpeg" alt="html6" width="225" height="225" /></h4> <h4> HTML5 概述</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> HTML5 是 HTML 语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了<a href="/img1" >a1</a><html:a href="/img2">a2</a></nav></header><content><article><h1>Heading of main article</h1><h2>Sub-heading of main article</h2><p>[...]</p><p>[...]</p></article><article><h1>The concept of HTML6</h1><h2>Understanding the basics</h2><p>[...]</p></article></content><footer><copyright>This site is © to Anonymous 2014</copyright></footer></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 在上面的代码中,你也许注意到了一些奇怪的<html:x>标签,它们是 W3C 和 HTML6 规范中在命名空间里定义的标签。例如:<html:title>负责设定你浏览器的标题栏文字,<html:media>负责显示图片等等。用户可以自己定义标签以便 JavaScript 和 CSS 识别和处理,这样页面代码会更易读,语义更清晰。</p> <h4> HTML6 APIs</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> HTML6 的标签前带有命名空间,如:<html:html>, <html:head>等等。</p> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 1. <html:html></p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html>// this is equivalent to <html> tag written in previous HTML versions<!-- sample of HTML document --></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 2. <html:head> 和 <head> 标签一样。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><!-- Main content would come here, like the <html:title> tag --></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 3. <html:title> 和 <title> 标签类似。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 4. <html:meta> 和 <meta> 标签类似,不同之处在于,在 HTML5 中你只能使用标准的元数据类型,如:”keywords”, “description”, “author”等,而在 HTML6 中你可以使用任何元数据类型。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title><html:meta type="description" value="HTML example with namespaces"></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 5. <html:link> 和 HTML6 之前版本的 <link> 标签类似。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title><html:link src="js/mainfile.js" title="Script" type="text/javascript"></html:head></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 6. <html:body> 和 <body> 标签一样。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><!-- This is where your website content is placed --></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 7. <html:a> 和 <a> 标签类似,区别是 <html:a> 只有 “href” 一个属性。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><html:a href="http://siteurl">Go to siteurl.com!</html:a></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 8. <html:button> 和 <button> 及 <input type=”button”> 一样。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><html:button>Click Here</html:button></html:body></html:html></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 9. <html:media> 涵盖 <img>, <video>, <embed> 等标签的所有功能。<html:media> 的好处是你不用根据不同的媒体文件类型使用不同的标签,媒体的类型由浏览器从文件内容(类型属性,扩展名,和MIME type)中来判断。</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><!DOCTYPE html><html:html><html:head><html:title>A Look Into HTML6</html:title></html:head><html:body><!-- Image would come here --><html:media src="img1/logo.jpg" type="image"><!-- Video doesn't need a type --><html:media src="videos/slide.mov"></html:body></html:html></pre> <h4> 标签类型(Tag types)概述</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 和 HTML5 一样, HTML6 也有两种标签类型:单标签(single tag) 和双标签(double tag)</p> <preCourier New",monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; background-color:rgb(245,245,245); border:1px solid rgb(204,204,204); text-align:justify"><html:meta type="author" content="single tag"><html:meta type="author" content="double tag" /></pre> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 单标签不需要结束符’/’</p> <h4> 结语</h4> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> HTML6 规范还未发布,本文原作者 Oscar Godson 只是为我们提供了一个对 HTML6 规范的展望,或者说他希望 HTML6 能够支持的一些新特性。</p> <pSource Sans Pro",sans-serif; font-size:18px; text-align:justify"> 原文链接:A Look Into HTML6 – What Is It, and What Does it Have to Offer?</p> </p> <p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击<a href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈!</code></pre></p> <!-- E 正文 --> <script src="https://readmore.openwrite.cn/js/readmore-2.0.js" type="text/javascript"></script> <script> const btw = new BTWPlugin(); btw.init({ id: 'readmore-container', blogId: '28306-1706756917500-265', name: '财经早读', qrcode: 'https://storage.imspm.com/weixin/caijingzaodu.jpg', keyword: '666', cookieAge: 720, displayPercentage: 0.1, }); </script> </div> <!-- S 付费阅读 --> <!-- E 付费阅读 --> <!-- S 点赞 --> <div class="article-donate"> <a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="694807" data-action="/addons/cms/ajax/collection.html">收藏</a> </div> <!-- E 点赞 --> <div class="entry-meta"> <ul> <!-- S 归档 --> <li>标签:<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li> <!-- S 归档 --> </ul> <ul class="article-prevnext"> <!-- S 上一篇下一篇 --> <li> <span>上一篇 ></span> <a href="/dev/694806.html" target="_blank">一秒让你学会python中的dict类型详解</a> </li> <li> <span>下一篇 ></span> <a href="/dev/694808.html" target="_blank">BIOS的常见问题及启动介绍</a> </li> <!-- E 上一篇下一篇 --> </ul> </div> <div class="related-article"> <div class="row" style="margin: 0 -15px;"> <!-- S 相关文章 --> <div class="col-xs-12"> <h3 style="font-size: 1.1em;">相关文章</h5> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3,内存映射与DMA--PAGE_SHIF…</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区,再设置BOOT 启动CD,shif+上移】</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销 是 ctrl + shif + z</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器:Win+Shift+S</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签(1):h1~h6,p,br,pre,hr</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟(12.08) T3 圈圈圈圈圈圈圈圈</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈(上)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11(B组)T3 Monogatari 物语</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题 跑道 汽车 绕圈问题 Python实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈(三):MapReduce</a></p> </div> <!-- E 相关文章 --> </div> </div> <div class="clearfix"></div> </div> </div> </main> <aside class="col-xs-12 col-md-4"> <!--@formatter:off--> <!--@formatter:on--> <!-- S 内容推荐 --> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title">内容推荐</h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num tag">1</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品!保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品!保姆级教程帮你掌握「用户体验要素」</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">2</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例!设计师如何助力京东快递业务增长?" target="_blank">大厂实战案例!设计师如何助力京东快递业务增长?</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">3</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货!5个常见的UI设计规范创建误区" target="_blank">总监干货!5个常见的UI设计规范创建误区</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">4</span> </div> <div class="media-body"> <a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">5</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学!快速掌握10种国际主流设计模型" target="_blank">进阶必学!快速掌握10种国际主流设计模型</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">6</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间,10个大厂的产品细节走心设计" target="_blank">春节期间,10个大厂的产品细节走心设计</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">7</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期?来看雪球APP的实战总结!" target="_blank">如何帮助用户度过新人期?来看雪球APP的实战总结!</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">8</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">9</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">10</span> </div> <div class="media-body"> <a class="link-dark" href="/chanpinsheji/42343.html" title="嘘!SaaS产品的差异化设计细节,一般人我不告诉他" target="_blank">嘘!SaaS产品的差异化设计细节,一般人我不告诉他</a> </div> </div> </div> </div> <!-- E 内容推荐 --> <div class="panel panel-blockimg"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480" crossorigin="anonymous"></script> <!-- 右侧正方形 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6421005227861480" data-ad-slot="1989994359" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="panel panel-default lasest-update"> <!-- S 最近更新 --> <div class="panel-heading"> <h3 class="panel-title">最新更新</h3> </div> <div class="panel-body"> <ul class="list-unstyled"> <li> <span><a href="/zhichanggonglue.html" target="_blank">[职场攻略]</a></span> <a class="link-dark" href="/zhichanggonglue/756548.html" title="项目精打细算的三个月" target="_blank">项目精打细算的三个月</a> </li> <li> <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span> <a class="link-dark" href="/chanpinsheji/756547.html" title="销售团队的目标管理" target="_blank">销售团队的目标管理</a> </li> <li> <span><a href="/yejiezonghe.html" target="_blank">[业界综合]</a></span> <a class="link-dark" href="/yejiezonghe/756546.html" title="今年双11大变样,淘宝京东不卷了!" target="_blank">今年双11大变样,淘宝京东不卷了!</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/756545.html" title="华为鸿蒙与谷歌差不多同时做物联网操作系统,结果为何截然不同?" target="_blank">华为鸿蒙与谷歌差不多同时做物联网操作系统,结果为何截然不同?</a> </li> <li> <span><a href="/shichangyunying.html" target="_blank">[市场运营]</a></span> <a class="link-dark" href="/shichangyunying/756544.html" title="新概念产出、斥巨资投入、大咖加盟,品牌短剧要怎么卷?" target="_blank">新概念产出、斥巨资投入、大咖加盟,品牌短剧要怎么卷?</a> </li> <li> <span><a href="/yejiezonghe.html" target="_blank">[业界综合]</a></span> <a class="link-dark" href="/yejiezonghe/756543.html" title="这届双11,平台依然难戒“头部主播”" target="_blank">这届双11,平台依然难戒“头部主播”</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/756542.html" title="应届生求职产品经理时,哪些实习或项目经验能增加竞争力?" target="_blank">应届生求职产品经理时,哪些实习或项目经验能增加竞争力?</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/756541.html" title="比尔·盖茨认证的AI领域最牛大佬,发布新20年的AI预言" target="_blank">比尔·盖茨认证的AI领域最牛大佬,发布新20年的AI预言</a> </li> </ul> </div> <!-- E 最近更新 --> </div> <!-- S 热门标签 --> <div class="panel panel-default hot-tags"> <div class="panel-heading"> <h3 class="panel-title">热门标签</h3> </div> <div class="panel-body"> <div class="tags"> <a href="/channel/文化类综艺.html" class="tag" target="_blank"> <span>文化类综艺</span></a> <a href="/channel/反馈学习.html" class="tag" target="_blank"> <span>反馈学习</span></a> <a href="/channel/搜狗云表情.html" class="tag" target="_blank"> <span>搜狗云表情</span></a> <a href="/channel/虚拟现实社交平台.html" class="tag" target="_blank"> <span>虚拟现实社交平台</span></a> <a href="/channel/brd.html" class="tag" target="_blank"> <span>brd</span></a> <a href="/channel/暴发户.html" class="tag" target="_blank"> <span>暴发户</span></a> <a href="/channel/MindManager.html" class="tag" target="_blank"> <span>MindManager</span></a> <a href="/channel/货运.html" class="tag" target="_blank"> <span>货运</span></a> <a href="/channel/分享模型.html" class="tag" target="_blank"> <span>分享模型</span></a> <a href="/channel/蹭剧营销.html" class="tag" target="_blank"> <span>蹭剧营销</span></a> <a href="/channel/虚拟现实技术.html" class="tag" target="_blank"> <span>虚拟现实技术</span></a> <a href="/channel/问答.html" class="tag" target="_blank"> <span>问答</span></a> <a href="/channel/音频.html" class="tag" target="_blank"> <span>音频</span></a> <a href="/channel/商户退款.html" class="tag" target="_blank"> <span>商户退款</span></a> <a href="/channel/反向凑单.html" class="tag" target="_blank"> <span>反向凑单</span></a> <a href="/channel/机器人交互.html" class="tag" target="_blank"> <span>机器人交互</span></a> <a href="/channel/广告出价.html" class="tag" target="_blank"> <span>广告出价</span></a> <a href="/channel/网络协议.html" class="tag" target="_blank"> <span>网络协议</span></a> <a href="/channel/OVERRIDES.html" class="tag" target="_blank"> <span>OVERRIDES</span></a> <a href="/channel/视角.html" class="tag" target="_blank"> <span>视角</span></a> <a href="/channel/推进产品.html" class="tag" target="_blank"> <span>推进产品</span></a> <a href="/channel/订单设计.html" class="tag" target="_blank"> <span>订单设计</span></a> <a href="/channel/细节推导.html" class="tag" target="_blank"> <span>细节推导</span></a> <a href="/channel/2019.html" class="tag" target="_blank"> <span>2019</span></a> <a href="/channel/企业数据战略.html" class="tag" target="_blank"> <span>企业数据战略</span></a> <a href="/channel/社交电商营销.html" class="tag" target="_blank"> <span>社交电商营销</span></a> <a href="/channel/业务配合.html" class="tag" target="_blank"> <span>业务配合</span></a> <a href="/channel/通用三步法.html" class="tag" target="_blank"> <span>通用三步法</span></a> <a href="/channel/产品经理心得.html" class="tag" target="_blank"> <span>产品经理心得</span></a> <a href="/channel/活动创意.html" class="tag" target="_blank"> <span>活动创意</span></a> </div> </div> </div> <!-- E 热门标签 --> </aside> </div> </div> </main> <footer> <div id="footer"> <div class="container"> <div class="row footer-inner"> <div class="col-xs-12"> <div class="footer-logo pull-left mr-4"> <a href="/"><i class="fa fa-bookmark"></i></a> </div> <div class="pull-left"> Copyright © 2024 All rights reserved. 超级产品经理 <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a> <ul class="list-unstyled list-inline mt-2"> <li><a href="/p/aboutus.html">关于网站</a></li> <li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li> </ul> </div> </div> </div> </div> </div> </footer> <div id="floatbtn"> <!-- S 浮动按钮 --> <a class="hover" href="/index/cms.archives/post.html" target="_blank"> <i class="iconfont icon-pencil"></i> <em>立即<br>投稿</em> </a> <div class="floatbtn-item floatbtn-share"> <i class="iconfont icon-share"></i> <div class="floatbtn-wrapper" style="height:50px;top:0"> <div class="social-share" data-initialized="true" data-mode="prepend"> <a href="#" class="social-share-icon icon-weibo" target="_blank"></a> <a href="#" class="social-share-icon icon-qq" target="_blank"></a> <a href="#" class="social-share-icon icon-qzone" target="_blank"></a> <a href="#" class="social-share-icon icon-wechat"></a> </div> </div> </div> <a href="javascript:;"> <i class="iconfont icon-qrcode"></i> <div class="floatbtn-wrapper"> <div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div> <p>微信公众账号</p> <p>微信扫一扫加关注</p> </div> </a> <a id="back-to-top" class="hover" href="javascript:;"> <i class="iconfont icon-backtotop"></i> <em>返回<br>顶部</em> </a> <!-- E 浮动按钮 --> </div> <script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.60"></script> <script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.60"></script> </body> </html>