整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
<div>元素是個(gè)有故事的元素，這個(gè)元素很早就出現(xiàn)在html超文本標(biāo)記語(yǔ)言中，它設(shè)計(jì)之初就是為了解決網(wǎng)頁(yè)頁(yè)面布局的需求。但是遺憾的是它出生后一直懷才不遇。
在我還上初中的時(shí)候，智能手機(jī)還沒(méi)有出現(xiàn)，更沒(méi)有平板電腦等移動(dòng)設(shè)備。上網(wǎng)是通過(guò)擺在桌子上的計(jì)算機(jī)來(lái)完成的。
那時(shí)，大街小巷上有好多網(wǎng)吧。
那時(shí)，馬云剛剛辭去工作準(zhǔn)備創(chuàng)業(yè)。
那時(shí)，發(fā)送郵件的操作都會(huì)出現(xiàn)在計(jì)算機(jī)課程中。
那時(shí)，對(duì)頁(yè)面還沒(méi)有現(xiàn)在的跨平臺(tái)要求。
那時(shí)，flashplayer大行其道。
那時(shí)，dreamwaver、flash、fireworks被稱(chēng)為網(wǎng)頁(yè)三劍客！
那時(shí)，制作網(wǎng)頁(yè)可以不用懂的html的寫(xiě)法！
第一次接觸網(wǎng)頁(yè)制作是在大學(xué)的專(zhuān)業(yè)課上，使用三劍客，通過(guò)點(diǎn)擊軟件菜單中的按鈕就能制作網(wǎng)頁(yè)，精力都放在了如何使用flash制作酷炫的交互動(dòng)畫(huà)上了。
那時(shí)，對(duì)html還沒(méi)有深刻的認(rèn)識(shí)，但是卻對(duì)<table></table>這個(gè)標(biāo)簽有著極深的印象。
因?yàn)楫?dāng)時(shí)的dreamwaver通過(guò)非代碼方式生成的頁(yè)面都是使用<table>表格元素進(jìn)行布局的！
也就是說(shuō)，在移動(dòng)智能設(shè)備誕生之前，在用戶(hù)對(duì)頁(yè)面還沒(méi)有可以適應(yīng)不同屏幕比例的要求前，<table>這個(gè)本來(lái)用來(lái)做表格的元素同時(shí)兼職了<div>的頁(yè)面布局工作，而且把兼職干成了主業(yè)，讓<div>這個(gè)專(zhuān)業(yè)的塊元素閑置了好久。
直到智能手機(jī)，平板電腦產(chǎn)生后，由于對(duì)頁(yè)面的跨平臺(tái)顯示的要求的出現(xiàn)（這類(lèi)適應(yīng)多平臺(tái)的頁(yè)面布局叫做響應(yīng)式布局），<table>表格制作的頁(yè)面在響應(yīng)式布局大行其道的今天，用它布局的頁(yè)面開(kāi)始出現(xiàn)代碼冗余，維護(hù)困難等諸多問(wèn)題。手機(jī)端的瀏覽器在播放視頻或其他交互動(dòng)畫(huà)時(shí)也不再依賴(lài)flashplayer這個(gè)給我們帶來(lái)無(wú)數(shù)反感和惱火的插件。
從此，頁(yè)面制作的世道變了，從不需要編程就能制作頁(yè)面的三劍客，變成了必須懂得相關(guān)代碼寫(xiě)法才能使用的HTML+CSS+JavaScript了。dreamwaverCC版本也恢復(fù)了寫(xiě)代碼做頁(yè)面的操作方式，過(guò)去的點(diǎn)擊加拖拽的制作方式也消失了。這讓很多不懂編程和HTML等頁(yè)面制作核心技術(shù)的從業(yè)人感到難受。
dreamwaver的老東家Adobe后來(lái)也嘗試過(guò)推出新模式下通過(guò)界面操作來(lái)制作網(wǎng)頁(yè)的軟件，還搞出一個(gè)叫做Muse的軟件，但是依舊沒(méi)能撬動(dòng)代碼書(shū)寫(xiě)的方式。
這個(gè)故事在開(kāi)始學(xué)習(xí)<div>和css布局之前我都會(huì)講給學(xué)生（一群文科生）聽(tīng)，我只是想告訴大家，學(xué)習(xí)任何計(jì)算機(jī)技術(shù)，我們可以從簡(jiǎn)單易學(xué)的方式入手，但要有透過(guò)這種方式向下挖掘核心知識(shí)的決心和勇氣！對(duì)于自己從事的工作我們不能滿(mǎn)足于會(huì)做，還要盡量透析它的原理，這樣才能在技術(shù)換代中不會(huì)被輕易淘汰。
在我研究生階段，有一門(mén)讓我終生難忘的選修課，這門(mén)課叫做《數(shù)字娛樂(lè)技術(shù)概述》，這門(mén)課既不娛樂(lè)也不概述，但是通篇都是數(shù)字，那位年輕的教授為我們透析了游戲、影視特效的核心----計(jì)算機(jī)圖形學(xué)。
從此我開(kāi)始學(xué)習(xí)數(shù)學(xué)。因?yàn)槔蠋煹囊痪湓?huà)：從2000年到現(xiàn)在（2014）雖然各種軟件層出不窮，但是計(jì)算機(jī)圖形學(xué)的核心算法卻幾乎沒(méi)什么改變。
向下挖掘雖然很難，但是有必要！與各位共勉！
下面開(kāi)始今天的內(nèi)容。
首先，我們將之前的"第一個(gè)頁(yè)面.html"文件復(fù)制一個(gè)，叫做"塊元素學(xué)習(xí).html"。然后把<body></body>中間的內(nèi)容清空。
如圖：
下面，我們?cè)?lt;body></body>中間添加<div></div>標(biāo)簽。示例代碼如下：
<body><div></div></body>我們看看效果：
啦啦啦，什么都沒(méi)有！
為了讓大家可以看出來(lái)不同，我們?yōu)?lt;div>添加邊框?qū)傩裕?/p>
我們使用style屬性為<div>添加邊框，style屬性里的代碼就是以后在CSS中使用的代碼！實(shí)際上我們已經(jīng)開(kāi)始接觸CSS的一些內(nèi)容了。具體寫(xiě)法的講解大家可以看這個(gè)教程，這里不再贅述。
示例代碼如下：（通過(guò)style = "border-style: solid;"可以為很多元素添加邊框，就不需要大家記憶或查詢(xún)不同元素的不同寫(xiě)法，是不是很方便！）
<div style = "border-style: solid;">效果如圖：
因?yàn)槔锩鏇](méi)有內(nèi)容，所以<div>的寬度是0，因此顯示的就是一條直線(xiàn)。下面我們向<div>中添加內(nèi)容。
為了看起來(lái)花哨些，加張圖片吧！
示例圖片
示例代碼如下：
<div style = "border-style: solid;"><img src = "img/示例圖片/image4.jpg"/ style = "width:50%；"></div>大家請(qǐng)按照<img>中的scr自行建立文件夾和命名吧！如果您看不懂請(qǐng)參照《HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作》
效果如下：
其中，我們也是使用了style的方式為<img>設(shè)置的寬度，這個(gè)設(shè)置方法在<div>中一樣使用！
代碼示例：大家注意寫(xiě)法，不同的屬性都添加到style的雙引號(hào)中即可，同時(shí)使用；隔開(kāi)！
<div style = "border-style: solid; width:50%;">
<img src = "img/示例圖片/image4.jpg"/ style = "width:50%;">
</div>效果如圖：
整個(gè)邊框縮小了50%，圖片更有趣，尺寸變成了div的50%乘以自身的50%。這個(gè)特性大家要記住。
為了方便觀看，我們?nèi)サ鬱iv的width設(shè)置。同時(shí)在<div>中繼續(xù)添加<div>標(biāo)簽。為了方便顯示，我們?cè)谛碌?lt;div>中添加一段文字！
示例代碼如下：
<div style = "border-style: solid;">
<img src = "img/示例圖片/image4.jpg"/ style = "width:50%;">
<div>
<p>學(xué)習(xí)網(wǎng)頁(yè)制作非常有趣！</p>
</div>
</div>效果如下：
如果為了美觀，我們讓文字到圖片右邊的空間中怎么做呢？
示例代碼如下：
<div style = "float:right;"><p>學(xué)習(xí)網(wǎng)頁(yè)制作非常有趣！</p></div>
我們通過(guò)為新的<div>標(biāo)簽中的style屬性添加float（浮動(dòng)）屬性，同時(shí)設(shè)置為right（右）。
頁(yè)面效果如圖：
大家思考一下如何讓圖片與文字都靠在左邊呢？
是不是為圖片style添加float:left;同時(shí)把新<div>的float改為left？
我們?cè)囋嚳矗?/p>
示例代碼如下：
<div style = "border-style: solid;">
<img src = "img/示例圖片/image4.jpg" style = "width:50%; float:left;"/>
<div style = "float:left;">
<p>學(xué)習(xí)網(wǎng)頁(yè)制作非常有趣！</p>
</div>
</div>頁(yè)面效果：
效果完全不對(duì)，圖片和文字跑到外邊來(lái)了。
這是div布局中經(jīng)常出現(xiàn)的一個(gè)問(wèn)題！解決方案有點(diǎn)奇葩，既不是修改<img>屬性也不是修改<div>屬性，而是增加一組空的<div></div>標(biāo)簽！給這個(gè)新的空的<div>的style設(shè)置為"clear:both"即可修正。
示例代碼如下：
<div style = "border-style: solid;">
<img src = "img/示例圖片/image4.jpg" style = "width:50%; float:left;"/>
<div style = "float:left;">
<p>學(xué)習(xí)網(wǎng)頁(yè)制作非常有趣！</p>
</div>
<div style = "clear:both;"></div>
</div>頁(yè)面效果如下：
值得注意的是，如果您不使用<div>的話(huà)直接使用<img>和<p>，同時(shí)對(duì)兩個(gè)標(biāo)簽的style設(shè)置為float：left，是沒(méi)有問(wèn)題的，只有把它們放到<div>中才會(huì)出現(xiàn)上面的情況。
代碼如下：
<body>
<img src = "img/示例圖片/image4.jpg" style = "width:50%; float:left;"/>
<p style = "float:left;">學(xué)習(xí)網(wǎng)頁(yè)制作非常有趣！</p>
</body>頁(yè)面顯示效果如下：
大家觀察一下，文字也變小了。至于為什么去掉<div>之后就不會(huì)出現(xiàn)上面那種出框的情況，而且文字也變小的問(wèn)題在以后的講解中我們?cè)偕钊胩接懀?/p>
現(xiàn)在希望大家可以記牢這個(gè)情況和操作，更多布局問(wèn)題我們會(huì)在CSS的浮動(dòng)（float）的講解中詳細(xì)說(shuō)明。
疫情期間，請(qǐng)大家少出門(mén)，不聚會(huì)，沒(méi)事在家學(xué)學(xué)網(wǎng)頁(yè)制作，即抗擊疫情又提高自己!
喜歡的小伙伴請(qǐng)關(guān)注我，閱讀中遇到任何問(wèn)題請(qǐng)給我留言，如有疏漏或錯(cuò)誤歡迎大家斧正，不勝感激！
HTML序章（學(xué)習(xí)目的、對(duì)象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
第一個(gè)HTML頁(yè)面如何寫(xiě)？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML頁(yè)面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
初識(shí)meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
初識(shí)HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
在HTML頁(yè)面中嵌入其他頁(yè)面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
封閉在家學(xué)網(wǎng)頁(yè)制作！為頁(yè)面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML表單元素初識(shí)2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
為HTML頁(yè)面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
HTML中使用<a>標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
篇我們學(xué)習(xí)CSS列表。
對(duì)于列表，大家并不陌生。比如下面的無(wú)序列表和有序列表。
在 HTML 中，最常用的兩種列表的類(lèi)型就是無(wú)序列表和有序列表，使用 ol 和 ul 元素實(shí)現(xiàn)。列表項(xiàng)通過(guò)列表元素屬性，實(shí)現(xiàn)空心實(shí)心圓點(diǎn)和數(shù)字字母等不同的形式。
在 CSS 中，列表屬性允許我們?yōu)橛行蛄斜?、無(wú)序列表設(shè)置不同的列表項(xiàng)標(biāo)記，甚至可以使用一個(gè)圖像，還可以為列表和列表項(xiàng)添加背景顏色。
應(yīng)用 list-style-type 屬性設(shè)置不同的列表項(xiàng)標(biāo)記。屬性值有很多，
比如：
circle 空心圓點(diǎn)，
disc 實(shí)心圓點(diǎn)，
square 小方點(diǎn)，
decimal 數(shù)字，
upper-roman 大寫(xiě)羅馬字母，
lower-alpha 小寫(xiě)字母等等。
舉個(gè)例子。
創(chuàng)建創(chuàng)建 css-list.html 文件和 list-style.css 文件。打開(kāi) html 文件，構(gòu)建基礎(chǔ)代碼，使用 emmet 命令：小括號(hào) ul 大于 li 乘以3 再乘以3 (ul>li*3)*3。回車(chē)，創(chuàng)建了三組無(wú)序列表。給三個(gè) ul 元素添加 class 屬性，值分別為 a，b，c。給每個(gè)列表項(xiàng)填入一些文本。
HTML
<body>
<ul class="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<ul class="b">
<li>Vue</li>
<li>React</li>
<li>小程序</li>
</ul>
<ul class="c">
<li>大前端</li>
<li>前端架構(gòu)</li>
</ul>
<ol class="d">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<ol class="e">
<li>Vue</li>
<li>React</li>
<li>小程序</li>
</ol>
<ol class="f">
<li>大前端</li>
<li>前端架構(gòu)</li>
</ol>
</body>拷貝這三組無(wú)序列表，將 ul 元素名稱(chēng)修改為 ol，三個(gè) class 值改為 d，e，f。
打開(kāi) css 文件，定義選擇器 ul.a，聲明樣式 list-style-type: circle，設(shè)置列表項(xiàng)標(biāo)記為空心圓點(diǎn)?？截悆山M樣式，修改選擇器 ul.b，ul.c。修改 list-style-type 屬性值分別為 disc，實(shí)心圓點(diǎn)，square 小方點(diǎn)。
無(wú)序列表效果就做好了！
定義選擇器 ol.d，聲明樣式 list-style-type: decimal，設(shè)置列表項(xiàng)標(biāo)記為數(shù)字?？截悆山M樣式，修改選擇器 ol.e，ol.f。修改 list-style-type 屬性值分別為 upper-roman，大寫(xiě)羅馬字母，lower-alpha 小寫(xiě)字母。
有序列表也實(shí)現(xiàn)了！
CSS
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: disc;
}
ul.c {
list-style-type: square;
}
ol.d {
list-style-type: decimal;
}
ol.e {
list-style-type: upper-roman;
}
ol.f {
list-style-type: lower-alpha;
}有關(guān)更多的 list-style-type，大家參照這個(gè)案例。
list-style-image 屬性指定了一個(gè)圖像作為列表項(xiàng)的標(biāo)記。屬性值為 url 小括號(hào)，括號(hào)里寫(xiě)入圖片的路徑 url('./xxx.gif') 。
舉個(gè)例子。
在 html 里，拷貝第一組 ul，將 class 的值改為 g。在 css 里，定義選擇器 ul.g，聲明樣式屬性 list-style-image，值為 url 小括號(hào)，圖片路徑為當(dāng)前目錄下的 purple.gif。
看看效果，列表項(xiàng)用圖片標(biāo)記了！
除了更換列表項(xiàng)的標(biāo)記，還可以設(shè)置標(biāo)記的位置，通過(guò) list-style-position 屬性來(lái)實(shí)現(xiàn)。這個(gè)屬性的值有兩個(gè)：outside，表示標(biāo)記在列表項(xiàng)之外。inside，表示標(biāo)記在列表項(xiàng)內(nèi)部。
舉個(gè)例子。
在 html 里添加一個(gè) h3 元素，填入一些文本。ul 點(diǎn) h 大于 li 乘以 3 ul.h>li*3，創(chuàng)建一個(gè)無(wú)序列表，填入一些文本?？截愡@組列表，將 class 值改為 i。
在 css 里定義 ul.h 選擇器，聲明樣式 list-style-position: outside。定義 ul.i 選擇器，聲明樣式 list-style-position: inside。
仔細(xì)觀察列表項(xiàng)標(biāo)記的位置，如果這里畫(huà)一條線(xiàn)，就一目了然了，outside，標(biāo)記在列表內(nèi)容的左側(cè)，也是默認(rèn)的位置。inside，標(biāo)記在列表內(nèi)容里面。
有時(shí)，我們不希望顯示列表項(xiàng)標(biāo)記，此時(shí)可以應(yīng)用 list-style-type: none 來(lái)去掉他們。
再?gòu)?fù)制一組這個(gè)列表，將 class 值修改為 j。再定義選擇器 ul.j，聲明樣式 list-style-type: none。
我們看，列表項(xiàng)標(biāo)記消失了。
同樣，列表屬性也可以使用簡(jiǎn)寫(xiě)——list-style，被用來(lái)在一個(gè)聲明中，設(shè)置所有的列表屬性。屬性值按照 list-style-type list-style-position list-style-image 順序來(lái)書(shū)寫(xiě)，某個(gè)值缺省的話(huà)，就使用它的默認(rèn)值。
復(fù)制兩份列表，修改 class 值分別為 k，l （這個(gè)是艾奧）。
HTML
<ul class="k">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<ul class="l">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>定義選擇器 ul.k，聲明樣式 list-style: square inside url("purple.gif")。再定義選擇器 ul.l，聲明樣式 list-style: none。
這樣的簡(jiǎn)寫(xiě)，同樣可以定義列表項(xiàng)的標(biāo)記樣式，方便快捷。
我們還可以用顏色來(lái)裝飾列表，使它們看起來(lái)更有趣。添加到 ol 或 ul 標(biāo)簽的任何樣式都會(huì)影響整個(gè)列表，而添加到 li 標(biāo)簽的屬性只會(huì)影響單個(gè)列表項(xiàng)。
在 html 中再?gòu)?fù)制兩組列表，修改 class 的值分別為 m，n。
HTML
<ul class="m">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<ol class="n">
<li>Vue</li>
<li>React</li>
<li>小程序</li>
</ol>定義 ul.m 選擇器，聲明樣式：background: #3399ff，padding: 20px。
定義 ol.n 選擇器，聲明樣式：background: #ff9999，padding: 20px。
定義 ul.m li 選擇器，聲明樣式：background: #cce5ff，color: darkblue，margin: 5px。
定義 ol.n li 選擇器，聲明樣式：background: #ffe5e5，color: darkred，padding: 5px，margin-left: 35px。
這樣，列表就裝飾好了！
這里用到的 padding 和 margin 屬性，給元素添加內(nèi)外邊距，我們?cè)诤竺娴恼n程里還會(huì)詳細(xì)的研究。
CSS
ul.m {
background: #3399ff;
padding: 20px;
}
ol.n {
background: #ff9999;
padding: 20px;
}
ul.m li {
background: #cce5ff;
color: darkblue;
margin: 5px;
}
ol.n li {
background: #ffe5e5;
color: darkred;
padding: 5px;
margin-left: 35px;
}文章配套視頻鏈接：https://www.bilibili.com/video/BV1oU4y1278g?p=73
者：樊曉娟 印磊 竺雨辰 權(quán)亮羽
#香港和境外資本市場(chǎng)# #金融創(chuàng)新# #金融科技#
NFT的熱潮席卷全球，從專(zhuān)門(mén)的NFT交易平臺(tái)到NYSE等主流交易所，紛紛加入戰(zhàn)場(chǎng)。NFT不但在境外異?；鸨?，在境內(nèi)也迅速“飛入尋常百姓家”。日前，支付寶的粉絲粒小程序上線(xiàn)兩款「敦煌飛天，九色鹿」付款碼 NFT 限量皮膚（簡(jiǎn)稱(chēng)“敦煌皮膚”），上線(xiàn)當(dāng)即被一搶而空，再次流入市場(chǎng)的敦煌皮膚一度被炒出150萬(wàn)的天價(jià)。所以，當(dāng)人們提及NFT時(shí)，對(duì)其的第一印象往往就是“炒作”。
盡管NFT如此火爆，但考慮到境內(nèi)嚴(yán)禁虛擬貨幣交易平臺(tái)和嚴(yán)打“炒幣”的政策環(huán)境，NFT在境內(nèi)能否合規(guī)運(yùn)作是部分讀者關(guān)注的焦點(diǎn)。本文結(jié)合境內(nèi)政策環(huán)境與NFT的技術(shù)特點(diǎn)，探索數(shù)字作品NFT在境內(nèi)的合規(guī)路徑。
自2017年以來(lái)，中國(guó)就虛擬貨幣與區(qū)塊鏈技術(shù)推出一系列政策及法規(guī)，以期能規(guī)范行業(yè)發(fā)展。
（一）《關(guān)于防范代幣發(fā)行融資風(fēng)險(xiǎn)的公告》（“94公告”）
2017年9月4日，中國(guó)人民銀行、中央網(wǎng)信辦、工業(yè)和信息化部、工商總局、銀監(jiān)會(huì)、證監(jiān)會(huì)及保監(jiān)會(huì)七部門(mén)聯(lián)合發(fā)布94公告。94公告將代幣融資活動(dòng)定性為“未經(jīng)批準(zhǔn)非法公開(kāi)融資”的行為，要求各類(lèi)代幣發(fā)行融資活動(dòng)自公告發(fā)布之日起立刻停止，清退交易平臺(tái)；另要求各個(gè)金融機(jī)構(gòu)不得為發(fā)行融資和“虛擬貨幣”提供賬戶(hù)開(kāi)立、交易、清算等產(chǎn)品或服務(wù)。
（二）《關(guān)于防范虛擬貨幣交易炒作風(fēng)險(xiǎn)的公告》（“公告”）
2021年5月18日，中國(guó)互聯(lián)網(wǎng)金融協(xié)會(huì)、中國(guó)銀行業(yè)協(xié)會(huì)和中國(guó)支付清算協(xié)會(huì)聯(lián)合發(fā)布本公告。重申虛擬貨幣的屬性為“特定的虛擬商品”，同時(shí)提醒廣大消費(fèi)者增強(qiáng)風(fēng)險(xiǎn)意識(shí)，不要盲目參與到炒作虛擬貨幣的投資活動(dòng)中。
（三）《關(guān)于加快推動(dòng)區(qū)塊鏈技術(shù)應(yīng)用和產(chǎn)業(yè)發(fā)展的指導(dǎo)意見(jiàn)》（“指導(dǎo)意見(jiàn)”）
2021年5月27日，工業(yè)和信息化部、中央網(wǎng)絡(luò)安全和信息化委員會(huì)辦公室發(fā)布指導(dǎo)意見(jiàn)，國(guó)家支持并鼓勵(lì)企業(yè)在食品、藥品的溯源方面；在物流、資金流的管理方面；在數(shù)據(jù)采集、分享、分析方面，以及在存證取證、電子政務(wù)等方面應(yīng)用區(qū)塊鏈技術(shù)。另外，國(guó)家將通過(guò)應(yīng)用試點(diǎn)、政策扶持、加強(qiáng)產(chǎn)業(yè)人才培養(yǎng)等方式，推動(dòng)區(qū)塊鏈技術(shù)應(yīng)用和產(chǎn)業(yè)發(fā)展。
不難看出，我國(guó)認(rèn)可區(qū)塊鏈技術(shù)對(duì)于信息安全、司法存證、產(chǎn)業(yè)賦能等方方面面的貢獻(xiàn)，大力推動(dòng)區(qū)塊鏈技術(shù)應(yīng)用與發(fā)展，引領(lǐng)并扶持具有潛力的區(qū)塊鏈技術(shù)企業(yè)。同時(shí)，在我國(guó)，虛擬貨幣作為特定的虛擬商品，受到我國(guó)法律體系的保護(hù)，但國(guó)家堅(jiān)決杜絕代幣融資活動(dòng)，嚴(yán)防嚴(yán)控虛擬貨幣炒作及其帶來(lái)的各類(lèi)風(fēng)險(xiǎn)。
NFT的全名為Non-Fungible Tokens，也稱(chēng)非同質(zhì)化通證。筆者曾于《NFT開(kāi)啟數(shù)字資產(chǎn)市場(chǎng)新認(rèn)知》[1]中對(duì)于NFT特性作出了詳細(xì)的介紹，有興趣的讀者可以閱讀該文。
（一）范圍
數(shù)字作品NFT并無(wú)法定的定義，但是從市場(chǎng)情況來(lái)看，其范圍非常廣泛，目前市場(chǎng)上火爆的NFT幾乎都屬于數(shù)字作品NFT。
除了本文開(kāi)頭提到的敦煌皮膚以外，風(fēng)頭無(wú)兩的NBA TOPSHOT、在佳士得拍賣(mài)行拍出6900多萬(wàn)美元天價(jià)的“EVERYDAYS：THE FIRST 5000 DAYS ”、今年4月NYSE發(fā)行的首套標(biāo)志性股票發(fā)行紀(jì)念NFT、今年5月以NFT技術(shù)進(jìn)行數(shù)字加密并進(jìn)行公益拍賣(mài)的歌手阿朵新歌《WATER KNOW》,以及今年7月在蘇富比拍賣(mài)行的在線(xiàn)拍賣(mài)中拍出540萬(wàn)美元高價(jià)的NFT 形式萬(wàn)維網(wǎng)原始代碼等等，都是數(shù)字作品NFT。
（二）法律性質(zhì)
由上述例子可以看出，由于數(shù)字作品NFT的范圍廣泛，其種類(lèi)也呈現(xiàn)多樣性，因此，相應(yīng)的，不同數(shù)字作品NFT的法律性質(zhì)也需要根據(jù)實(shí)際情況判斷,不宜一概而論。并且，在不同的法律適用和不同的應(yīng)用場(chǎng)景下，數(shù)字作品NFT可能兼具數(shù)個(gè)法律性質(zhì)。
1. 作品
根據(jù)《著作權(quán)法》第三條的規(guī)定，“作品”定義是指“文學(xué)、藝術(shù)和科學(xué)領(lǐng)域內(nèi)具有獨(dú)創(chuàng)性并能以一定形式表現(xiàn)的智力成果，包括：（一）文字作品；（二）口述作品；（三）音樂(lè)、戲劇、曲藝、舞蹈、雜技藝術(shù)作品；（四）美術(shù)、建筑作品；（五）攝影作品；（六）視聽(tīng)作品；（七）工程設(shè)計(jì)圖、產(chǎn)品設(shè)計(jì)圖、地圖、示意圖等圖形作品和模型作品；（八）計(jì)算機(jī)軟件；（九）符合作品特征的其他智力成果。
從《著作權(quán)法》的角度，諸如敦煌皮膚、數(shù)字歌曲《WATER KNOW》等NFT都可以理解為作品，其著作權(quán)人應(yīng)當(dāng)享有相應(yīng)的著作權(quán)，包括：復(fù)制權(quán)、發(fā)行權(quán)、展覽權(quán)、信息網(wǎng)絡(luò)傳播權(quán)等。[2]
2. 虛擬財(cái)產(chǎn)
《民法典》原則性地確認(rèn)了虛擬財(cái)產(chǎn)受法律保護(hù)?！睹穹ǖ洹返谝话俣邨l的規(guī)定：“法律對(duì)數(shù)據(jù)、網(wǎng)絡(luò)虛擬財(cái)產(chǎn)的保護(hù)有規(guī)定的，依照其規(guī)定?！睋?jù)此《民法典》明確了數(shù)據(jù)、網(wǎng)絡(luò)虛擬財(cái)產(chǎn)被納入民事財(cái)產(chǎn)權(quán)利的保護(hù)客體范圍。
財(cái)產(chǎn)作為權(quán)利客體，需具備價(jià)值性、稀缺性、可支配性。數(shù)字作品NFT通過(guò)人類(lèi)的勞動(dòng)產(chǎn)生，本身凝結(jié)了人類(lèi)抽象的勞動(dòng)力，可以通過(guò)金錢(qián)作為對(duì)價(jià)轉(zhuǎn)讓、交易、產(chǎn)生收益，具備價(jià)值性；數(shù)字作品NFT是一種非同質(zhì)化通證，每一個(gè)或一批數(shù)字作品NFT都有數(shù)量限制，具備稀缺性；持有人獲得數(shù)字作品NFT后也可以占有、使用、處分、收益，具有可支配性。因此，數(shù)字作品NFT可能被認(rèn)為是虛擬財(cái)產(chǎn)，受法律保護(hù)。
3. 藝術(shù)品
《藝術(shù)品經(jīng)營(yíng)管理辦法》第二條第一款規(guī)定：“本辦法所稱(chēng)藝術(shù)品，是指繪畫(huà)作品、書(shū)法篆刻作品、雕塑雕刻作品、藝術(shù)攝影作品、裝置藝術(shù)作品、工藝美術(shù)作品等及上述作品的有限復(fù)制品。本辦法所稱(chēng)藝術(shù)品不包括文物。”
從上述定義來(lái)看，《著作權(quán)法》下的相當(dāng)一部分“作品”及其有限復(fù)制品都屬于“藝術(shù)品”。例如，今年3月，在“DoubleFat雙盈—首屆NFT加密藝術(shù)展”上，現(xiàn)場(chǎng)焚燒了一件藝術(shù)家冷軍的繪畫(huà)作品，并生成“NFT加密藝術(shù)”[3]，該幅繪畫(huà)作品NFT，就是藝術(shù)品的一種。
4. 互聯(lián)網(wǎng)視聽(tīng)節(jié)目
根據(jù)《互聯(lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)業(yè)務(wù)分類(lèi)目錄（試行）》，“聚合網(wǎng)上視聽(tīng)節(jié)目的服務(wù)”“轉(zhuǎn)發(fā)網(wǎng)民上傳視聽(tīng)節(jié)目的服務(wù)”[4]都屬于互聯(lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)。
如果數(shù)字作品NFT加載了音視頻節(jié)目，或關(guān)聯(lián)到音視頻節(jié)目，如音樂(lè)demo、MV片段等，并上載到互聯(lián)網(wǎng)向公眾提供，其屬于互聯(lián)網(wǎng)視聽(tīng)節(jié)目。
5. 網(wǎng)絡(luò)出版物
《網(wǎng)絡(luò)出版服務(wù)管理規(guī)定》第二條第三款將“指通過(guò)信息網(wǎng)絡(luò)向公眾提供的，具有編輯、制作、加工等出版特征的數(shù)字化作品”定義為“網(wǎng)絡(luò)出版物”，根據(jù)該條款的規(guī)定，網(wǎng)絡(luò)出版物的范圍包括：“（一）文學(xué)、藝術(shù)、科學(xué)等領(lǐng)域內(nèi)具有知識(shí)性、思想性的文字、圖片、地圖、游戲、動(dòng)漫、音視頻讀物等原創(chuàng)數(shù)字化作品；（二）與已出版的圖書(shū)、報(bào)紙、期刊、音像制品、電子出版物等內(nèi)容相一致的數(shù)字化作品；（三）將上述作品通過(guò)選擇、編排、匯集等方式形成的網(wǎng)絡(luò)文獻(xiàn)數(shù)據(jù)庫(kù)等數(shù)字化作品；（四）國(guó)家新聞出版廣電總局認(rèn)定的其他類(lèi)型的數(shù)字化作品?！?/span>
前文提到的數(shù)字歌曲《WATER KNOW》，作為藝術(shù)領(lǐng)域的原創(chuàng)數(shù)字作品，同時(shí)通過(guò)信息網(wǎng)絡(luò)發(fā)行，因此也是網(wǎng)絡(luò)出版物的一種。
當(dāng)然，除了上文提及的幾種性質(zhì)，數(shù)字作品NFT可能還涉及互聯(lián)網(wǎng)視聽(tīng)節(jié)目、集郵票品等，而且不同的法律性質(zhì)可能存在相互交叉。
（一）生成
數(shù)字作品NFT的生成通常由兩種來(lái)源。
一種是NFT的創(chuàng)建者直接通過(guò)數(shù)字技術(shù)和加密技術(shù)，創(chuàng)作數(shù)字作品，例如“EVERYDAYS：THE FIRST 5000 DAYS”，作者數(shù)字藝術(shù)家Mike Winkelman（Beeple）創(chuàng)作的就是數(shù)字圖片。在此情況下，創(chuàng)建者本人就是該數(shù)字作品的作者，通過(guò)創(chuàng)作原始取得數(shù)字作品的所有權(quán)及相關(guān)的知識(shí)產(chǎn)權(quán)，其有充分的權(quán)利決定將自己的數(shù)字作品生成NFT和上鏈。
另一種情況是，創(chuàng)建者將傳統(tǒng)形式的作品通過(guò)數(shù)字技術(shù)和加密技術(shù)生成數(shù)字作品。例如，冷軍的繪畫(huà)作品《新竹》，原作是繪制與紙張之上的，后續(xù)原作被焚燒，而由技術(shù)人員另行生成繪畫(huà)作品NFT。那么，將原作后續(xù)生成NFT和上鏈，需要得到原著作權(quán)人的充分授權(quán)。
（二）發(fā)售
《著作權(quán)法》允許著作權(quán)人通過(guò)協(xié)議等方式全部或部分轉(zhuǎn)讓經(jīng)濟(jì)性權(quán)利并獲得報(bào)酬[5]；如果使用他人作品，應(yīng)當(dāng)取得許可。[6]
1．發(fā)售的權(quán)利
從權(quán)利來(lái)源上，與生成的原理相同，著作權(quán)人本人有權(quán)決定將自己的數(shù)字作品NFT進(jìn)行發(fā)售；而如果是非著作權(quán)人本人擬發(fā)售數(shù)字作品NFT，發(fā)售者需要取得著作權(quán)人的授權(quán)，進(jìn)一步的，如果是傳統(tǒng)作品生成NFT的，而原作者與NFT的創(chuàng)建者不是同一人的，還需要考慮NFT的創(chuàng)建者可能有衍生權(quán)利，需要取得NFT創(chuàng)建者的授權(quán)。
2．發(fā)售的方式
如前文的分析，一個(gè)數(shù)字作品NFT可能存在不同的法律性質(zhì)。因此，根據(jù)其不同的法律性質(zhì)，不同的數(shù)字作品NFT在發(fā)售時(shí)需要遵循各自的合規(guī)路徑。
如果數(shù)字作品NFT作為藝術(shù)品在藝術(shù)品經(jīng)營(yíng)平臺(tái)上銷(xiāo)售，從事藝術(shù)品經(jīng)營(yíng)活動(dòng)的平臺(tái)、企業(yè)等單位，在取得營(yíng)業(yè)執(zhí)照起15日內(nèi)，需前往住所地縣級(jí)以上人民政府文化行政部門(mén)進(jìn)行備案[7]。
如果數(shù)字作品NFT在線(xiàn)上進(jìn)行發(fā)售，發(fā)行、發(fā)售、交易平臺(tái)均應(yīng)取得ICP備案/增值電信業(yè)務(wù)經(jīng)營(yíng)許可證，才能進(jìn)行在線(xiàn)數(shù)據(jù)處理與交易處理。
如果數(shù)字作品NFT屬于視聽(tīng)節(jié)目或關(guān)聯(lián)視聽(tīng)節(jié)目并通過(guò)互聯(lián)網(wǎng)傳播的，其應(yīng)通過(guò)取得《信息網(wǎng)絡(luò)傳播視聽(tīng)節(jié)目許可證》的互聯(lián)網(wǎng)平臺(tái)傳播[8]。
如果數(shù)字作品NFT以競(jìng)價(jià)拍賣(mài)的形式發(fā)售，應(yīng)當(dāng)交由擁有拍賣(mài)組織批準(zhǔn)證書(shū)的拍賣(mài)公司，由拍賣(mài)公司組織拍賣(mài)活動(dòng)。
如果數(shù)字作品NFT通過(guò)信息網(wǎng)絡(luò)以網(wǎng)絡(luò)出版物的形式發(fā)售，則發(fā)售方應(yīng)當(dāng)取得互聯(lián)網(wǎng)出版服務(wù)許可證。
（三）流轉(zhuǎn)
流動(dòng)性是資產(chǎn)的生命。在國(guó)外，有許多正在活躍著的NFT交易平臺(tái)，其中以O(shè)pensea數(shù)字藏品市場(chǎng)為首，目前該市場(chǎng)上有700余件藏品流通，且藏品具有多個(gè)類(lèi)別。目前國(guó)內(nèi)對(duì)于NFT仍然沒(méi)有合規(guī)的交易平臺(tái)供收藏者轉(zhuǎn)手其收藏的數(shù)字作品，選擇有資質(zhì)的拍賣(mài)公司進(jìn)行拍賣(mài)是NFT流轉(zhuǎn)的合規(guī)方式。
而如前文所述，雖然數(shù)字作品NFT可能被認(rèn)為是虛擬財(cái)產(chǎn)，但在沒(méi)有取得著作權(quán)人、NFT創(chuàng)建人的許可、或在沒(méi)有取得相關(guān)證照的平臺(tái)上進(jìn)行交易的情況下，相關(guān)NFT的交易很可能涉嫌違規(guī)。在年初NFT市場(chǎng)的火熱初現(xiàn)苗頭時(shí)，阿里巴巴旗下二手交易平臺(tái)“閑魚(yú)”曾一度成為NFT交易雙方的最佳選擇，敦煌皮膚在閑魚(yú)上的掛牌價(jià)最高曾達(dá)百余萬(wàn)元；而平臺(tái)方很快察覺(jué)到了交易不合規(guī)之處，并于6月24日下架所有賣(mài)家掛出的NFT相關(guān)商品。
法律總是滯后于新事物的發(fā)展的，NFT數(shù)字作品在我國(guó)的合法流轉(zhuǎn)，尤其是在二級(jí)市場(chǎng)的合法流轉(zhuǎn)還有一段路要走。
結(jié)語(yǔ)
NFT是一種獨(dú)一無(wú)二、不可分割且不可替代的通證，無(wú)論形式如何，其本質(zhì)和內(nèi)容是合規(guī)性的最重要判斷。數(shù)字作品NFT以藝術(shù)品的形式，可以通過(guò)科技書(shū)寫(xiě)藝術(shù)家對(duì)于世界的認(rèn)知與感受，其經(jīng)濟(jì)價(jià)值、文化價(jià)值及社會(huì)價(jià)值已得到越來(lái)越多的認(rèn)可。NFT在其生成、發(fā)售、流轉(zhuǎn)的過(guò)程中，經(jīng)手人應(yīng)保證其遵循合規(guī)路徑，包括但不限于取得必要授權(quán)、持有所需經(jīng)營(yíng)許可證照、選擇具有資質(zhì)的交易場(chǎng)所等，避免陷入虛擬貨幣進(jìn)行投機(jī)、炒作，或違法金融活動(dòng)。
[注]
[1] http://www.zhonglun.com/Content/2021/05-06/1418532226.html
[2]《著作權(quán)法》第十條規(guī)定：“（一）發(fā)表權(quán)，即決定作品是否公之于眾的權(quán)利；…（十七）應(yīng)當(dāng)由著作權(quán)人享有的其他權(quán)利。
著作權(quán)人可以許可他人行使前款第五項(xiàng)至第十七項(xiàng)規(guī)定的權(quán)利，并依照約定或者本法有關(guān)規(guī)定獲得報(bào)酬。
著作權(quán)人可以全部或者部分轉(zhuǎn)讓本條第一款第五項(xiàng)至第十七項(xiàng)規(guī)定的權(quán)利，并依照約定或者本法有關(guān)規(guī)定獲得報(bào)酬。”
[3] http://cang.cngold.org/c/2021-04-02/c7550181.html
[4]《互聯(lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)業(yè)務(wù)分類(lèi)目錄（試行）》“三、第三類(lèi)互聯(lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)（一）聚合網(wǎng)上視聽(tīng)節(jié)目的服務(wù) 指將互聯(lián)網(wǎng)上的視聽(tīng)節(jié)目信息編輯、排列到同一網(wǎng)站上，并向公眾提供節(jié)目的查找、收看服務(wù)的業(yè)務(wù)活動(dòng)。（二）轉(zhuǎn)發(fā)網(wǎng)民上傳視聽(tīng)節(jié)目的服務(wù) 指為網(wǎng)民提供專(zhuān)門(mén)的節(jié)目或信息上傳通道，供網(wǎng)民將自己或他人的節(jié)目源通過(guò)網(wǎng)站的信息播發(fā)系統(tǒng)或收視界面?zhèn)鬟f給公眾，供公眾點(diǎn)播的服務(wù)。包括：（1）節(jié)目上傳服務(wù)，指網(wǎng)民將節(jié)目上傳到網(wǎng)站的服務(wù)器中，供公眾收看、收聽(tīng)（含下載）的服務(wù)；（2）信息上傳分發(fā)服務(wù)，指網(wǎng)民將節(jié)目名稱(chēng)、鏈接地址等信息上傳到網(wǎng)站的服務(wù)器中，供公眾瀏覽、選擇再鏈接到其他播放器收看、收聽(tīng)（含下載）節(jié)目的服務(wù)?！?/p>
[5]《著作權(quán)法》第十條第二款、第三款。
[6]《著作權(quán)法》第二十六條第一款：“使用他人作品應(yīng)當(dāng)同著作權(quán)人訂立許可使用合同，本法規(guī)定可以不經(jīng)許可的除外。”
[7]《藝術(shù)品經(jīng)營(yíng)管理辦法》第五條：“設(shè)立從事藝術(shù)品經(jīng)營(yíng)活動(dòng)的經(jīng)營(yíng)單位，應(yīng)當(dāng)?shù)狡渥∷乜h級(jí)以上人民政府工商行政管理部門(mén)申領(lǐng)營(yíng)業(yè)執(zhí)照，并在領(lǐng)取營(yíng)業(yè)執(zhí)照之日起15日內(nèi)，到其住所地縣級(jí)以上人民政府文化行政部門(mén)備案。”
[8]《互聯(lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)管理規(guī)定》第十七條第二款規(guī)定：“未持有《許可證》的單位不得為個(gè)人提供上載傳播視聽(tīng)節(jié)目服務(wù)?；ヂ?lián)網(wǎng)視聽(tīng)節(jié)目服務(wù)單位不得允許個(gè)人上載時(shí)政類(lèi)視聽(tīng)新聞節(jié)目，在提供播客、視頻分享等上載傳播視聽(tīng)節(jié)目服務(wù)時(shí)，應(yīng)當(dāng)提示上載者不得上載違反本規(guī)定的視聽(tīng)節(jié)目。任何單位和個(gè)人不得轉(zhuǎn)播、鏈接、聚合、集成非法的廣播電視頻道、視聽(tīng)節(jié)目網(wǎng)站的節(jié)目。”
聲明
本文旨在法規(guī)之一般性分析研究或信息分享，不構(gòu)成對(duì)具體法律的分析研究和判斷的任何成果，亦不作為對(duì)讀者提供的任何建議或提供建議的任何基礎(chǔ)。作者在此明確聲明不對(duì)任何依據(jù)本文采取的任何作為或不作為承擔(dān)責(zé)任。如需轉(zhuǎn)載或引用本文的任何內(nèi)容，請(qǐng)聯(lián)系作者(fanxiaojuan@zhonglun.com); 未經(jīng)作者同意，不得轉(zhuǎn)載或引用本文的任何內(nèi)容。
特別聲明：
以上所刊登的文章僅代表作者本人觀點(diǎn)，不代表北京市中倫律師事務(wù)所或其律師出具的任何形式之法律意見(jiàn)或建議。
如需轉(zhuǎn)載或引用該等文章的任何內(nèi)容，請(qǐng)私信溝通授權(quán)事宜，并于轉(zhuǎn)載時(shí)在文章開(kāi)頭處注明來(lái)源于公眾號(hào)“中倫視界”及作者姓名。未經(jīng)本所書(shū)面授權(quán)，不得轉(zhuǎn)載或使用該等文章中的任何內(nèi)容，含圖片、影像等視聽(tīng)資料。如您有意就相關(guān)議題進(jìn)一步交流或探討，歡迎與本所聯(lián)系。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
