整合营销服务商

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

免费咨询热线:

初识HTML中的<div>块元素-零基础自学网页制作

lt;div>块元素基础属性讲解

<div>元素是个有故事的元素,这个元素很早就出现在html超文本标记语言中,它设计之初就是为了解决网页页面布局的需求。但是遗憾的是它出生后一直怀才不遇。

在我还上初中的时候,智能手机还没有出现,更没有平板电脑等移动设备。上网是通过摆在桌子上的计算机来完成的。

那时,大街小巷上有好多网吧。

那时,马云刚刚辞去工作准备创业。

那时,发送邮件的操作都会出现在计算机课程中。

那时,对页面还没有现在的跨平台要求。

那时,flashplayer大行其道。

那时,dreamwaver、flash、fireworks被称为网页三剑客!

那时,制作网页可以不用懂的html的写法!

第一次接触网页制作是在大学的专业课上,使用三剑客,通过点击软件菜单中的按钮就能制作网页,精力都放在了如何使用flash制作酷炫的交互动画上了。

那时,对html还没有深刻的认识,但是却对<table></table>这个标签有着极深的印象。

因为当时的dreamwaver通过非代码方式生成的页面都是使用<table>表格元素进行布局的!

也就是说,在移动智能设备诞生之前,在用户对页面还没有可以适应不同屏幕比例的要求前,<table>这个本来用来做表格的元素同时兼职了<div>的页面布局工作,而且把兼职干成了主业,让<div>这个专业的块元素闲置了好久。

直到智能手机,平板电脑产生后,由于对页面的跨平台显示的要求的出现(这类适应多平台的页面布局叫做响应式布局),<table>表格制作的页面在响应式布局大行其道的今天,用它布局的页面开始出现代码冗余,维护困难等诸多问题。手机端的浏览器在播放视频或其他交互动画时也不再依赖flashplayer这个给我们带来无数反感和恼火的插件。

从此,页面制作的世道变了,从不需要编程就能制作页面的三剑客,变成了必须懂得相关代码写法才能使用的HTML+CSS+JavaScript了。dreamwaverCC版本也恢复了写代码做页面的操作方式,过去的点击加拖拽的制作方式也消失了。这让很多不懂编程和HTML等页面制作核心技术的从业人感到难受。

dreamwaver的老东家Adobe后来也尝试过推出新模式下通过界面操作来制作网页的软件,还搞出一个叫做Muse的软件,但是依旧没能撬动代码书写的方式。

这个故事在开始学习<div>和css布局之前我都会讲给学生(一群文科生)听,我只是想告诉大家,学习任何计算机技术,我们可以从简单易学的方式入手,但要有透过这种方式向下挖掘核心知识的决心和勇气!对于自己从事的工作我们不能满足于会做,还要尽量透析它的原理,这样才能在技术换代中不会被轻易淘汰。

在我研究生阶段,有一门让我终生难忘的选修课,这门课叫做《数字娱乐技术概述》,这门课既不娱乐也不概述,但是通篇都是数字,那位年轻的教授为我们透析了游戏、影视特效的核心----计算机图形学。

从此我开始学习数学。因为老师的一句话:从2000年到现在(2014)虽然各种软件层出不穷,但是计算机图形学的核心算法却几乎没什么改变

向下挖掘虽然很难,但是有必要!与各位共勉!

下面开始今天的内容。

首先,我们将之前的"第一个页面.html"文件复制一个,叫做"块元素学习.html"。然后把<body></body>中间的内容清空。

如图:

下面,我们在<body></body>中间添加<div></div>标签。示例代码如下:

<body><div></div></body>

我们看看效果:

啦啦啦,什么都没有!

为了让大家可以看出来不同,我们为<div>添加边框属性!

我们使用style属性为<div>添加边框,style属性里的代码就是以后在CSS中使用的代码!实际上我们已经开始接触CSS的一些内容了。具体写法的讲解大家可以看这个教程,这里不再赘述。

示例代码如下:(通过style = "border-style: solid;"可以为很多元素添加边框,就不需要大家记忆或查询不同元素的不同写法,是不是很方便!)

<div style = "border-style: solid;">

效果如图:

因为里面没有内容,所以<div>的宽度是0,因此显示的就是一条直线。下面我们向<div>中添加内容。

为了看起来花哨些,加张图片吧!

示例图片

示例代码如下:

<div style = "border-style: solid;"><img src = "img/示例图片/image4.jpg"/ style = "width:50%;"></div>

大家请按照<img>中的scr自行建立文件夹和命名吧!如果您看不懂请参照《HTML元素中的属性2(路径详解)——零基础自学网页制作》

效果如下:

其中,我们也是使用了style的方式为<img>设置的宽度,这个设置方法在<div>中一样使用!

代码示例:大家注意写法,不同的属性都添加到style的双引号中即可,同时使用;隔开!

<div style = "border-style: solid; width:50%;">
  <img src = "img/示例图片/image4.jpg"/ style = "width:50%;">
    </div>

效果如图:

整个边框缩小了50%,图片更有趣,尺寸变成了div的50%乘以自身的50%。这个特性大家要记住。

为了方便观看,我们去掉div的width设置。同时在<div>中继续添加<div>标签。为了方便显示,我们在新的<div>中添加一段文字!

示例代码如下:

<div style = "border-style: solid;">
  <img src = "img/示例图片/image4.jpg"/ style = "width:50%;">
    <div>
    <p>学习网页制作非常有趣!</p>
</div>
</div>

效果如下:

如果为了美观,我们让文字到图片右边的空间中怎么做呢?

示例代码如下:

<div style = "float:right;"><p>学习网页制作非常有趣!</p></div>

我们通过为新的<div>标签中的style属性添加float(浮动)属性,同时设置为right(右)。

页面效果如图:

大家思考一下如何让图片与文字都靠在左边呢?

是不是为图片style添加float:left;同时把新<div>的float改为left?

我们试试看!

示例代码如下:

<div style = "border-style: solid;">
  <img src = "img/示例图片/image4.jpg" style = "width:50%; float:left;"/>
    <div style = "float:left;">
      <p>学习网页制作非常有趣!</p>
</div>
</div>

页面效果:

效果完全不对,图片和文字跑到外边来了。

这是div布局中经常出现的一个问题!解决方案有点奇葩,既不是修改<img>属性也不是修改<div>属性,而是增加一组空的<div></div>标签!给这个新的空的<div>的style设置为"clear:both"即可修正。

示例代码如下:

<div style = "border-style: solid;">
  <img src = "img/示例图片/image4.jpg" style = "width:50%; float:left;"/>
    <div style = "float:left;">
      <p>学习网页制作非常有趣!</p>
</div>
<div style = "clear:both;"></div>
</div>

页面效果如下:

值得注意的是,如果您不使用<div>的话直接使用<img>和<p>,同时对两个标签的style设置为float:left,是没有问题的,只有把它们放到<div>中才会出现上面的情况。

代码如下:

<body>
  <img src = "img/示例图片/image4.jpg" style = "width:50%; float:left;"/>
    <p style = "float:left;">学习网页制作非常有趣!</p>
</body>

页面显示效果如下:

大家观察一下,文字也变小了。至于为什么去掉<div>之后就不会出现上面那种出框的情况,而且文字也变小的问题在以后的讲解中我们再深入探讨!

现在希望大家可以记牢这个情况和操作,更多布局问题我们会在CSS的浮动(float)的讲解中详细说明。

疫情期间,请大家少出门,不聚会,没事在家学学网页制作,即抗击疫情又提高自己!

喜欢的小伙伴请关注我,阅读中遇到任何问题请给我留言,如有疏漏或错误欢迎大家斧正,不胜感激!

HTML完整学习目录

HTML序章(学习目的、对象、基本概念)——零基础自学网页制作

HTML是什么?——零基础自学网页制作

第一个HTML页面如何写?——零基础自学网页制作

HTML页面中head标签有啥用?——零基础自学网页制作

初识meta标签与SEO——零基础自学网页制作

HTML中的元素使用方法1——零基础自学网页制作

HTML中的元素使用方法2——零基础自学网页制作

HTML元素中的属性1——零基础自学网页制作

HTML元素中的属性2(路径详解)——零基础自学网页制作

使用HTML添加表格1(基本元素)——零基础自学网页制作

使用HTML添加表格2(表格头部与脚部)——零基础自学网页制作

使用HTML添加表格3(间距与颜色)——零基础自学网页制作

使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作

16进制颜色表示与RGB色彩模型——零基础自学网页制作

HTML中的块级元素与内联元素——零基础自学网页制作

初识HTML中的<div>块元素——零基础自学网页制作

在HTML页面中嵌入其他页面的方法——零基础自学网页制作

封闭在家学网页制作!为页面嵌入PDF文件——零基础自学网页制作

HTML表单元素初识1——零基础自学网页制作

HTML表单元素初识2——零基础自学网页制作

HTML表单3(下拉列表、多行文字输入)——零基础自学网页制作

HTML表单4(form的action、method属性)——零基础自学网页制作

HTML列表制作讲解——零基础自学网页制作

为HTML页面添加视频、音频的方法——零基础自学网页制作

音视频格式转换神器与html视频元素加字幕——零基础自学网页制作

HTML中使用<a>标签实现文本内链接——零基础自学网页制作

篇我们学习CSS列表。

对于列表,大家并不陌生。比如下面的无序列表和有序列表。

在 HTML 中,最常用的两种列表的类型就是无序列表和有序列表,使用 ol 和 ul 元素实现。列表项通过列表元素属性,实现空心实心圆点数字字母等不同的形式。

在 CSS 中,列表属性允许我们为有序列表、无序列表设置不同的列表项标记,甚至可以使用一个图像,还可以为列表和列表项添加背景颜色。

应用 list-style-type 属性设置不同的列表项标记。属性值有很多,

比如:

circle 空心圆点,

disc 实心圆点,

square 小方点,

decimal 数字,

upper-roman 大写罗马字母,

lower-alpha 小写字母等等。

举个例子。

创建创建 css-list.html 文件和 list-style.css 文件。打开 html 文件,构建基础代码,使用 emmet 命令:小括号 ul 大于 li 乘以3 再乘以3 (ul>li*3)*3。回车,创建了三组无序列表。给三个 ul 元素添加 class 属性,值分别为 a,b,c。给每个列表项填入一些文本。

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>前端架构</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>前端架构</li>
  </ol>
</body>

拷贝这三组无序列表,将 ul 元素名称修改为 ol,三个 class 值改为 d,e,f。

打开 css 文件,定义选择器 ul.a,声明样式 list-style-type: circle,设置列表项标记为空心圆点。拷贝两组样式,修改选择器 ul.b,ul.c。修改 list-style-type 属性值分别为 disc,实心圆点,square 小方点。

无序列表效果就做好了!

定义选择器 ol.d,声明样式 list-style-type: decimal,设置列表项标记为数字。拷贝两组样式,修改选择器 ol.e,ol.f。修改 list-style-type 属性值分别为 upper-roman,大写罗马字母,lower-alpha 小写字母。

有序列表也实现了!

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;
}

有关更多的 list-style-type,大家参照这个案例。

list-style-image 属性指定了一个图像作为列表项的标记。属性值为 url 小括号,括号里写入图片的路径 url('./xxx.gif') 。

举个例子。

在 html 里,拷贝第一组 ul,将 class 的值改为 g。在 css 里,定义选择器 ul.g,声明样式属性 list-style-image,值为 url 小括号,图片路径为当前目录下的 purple.gif。

看看效果,列表项用图片标记了!

除了更换列表项的标记,还可以设置标记的位置,通过 list-style-position 属性来实现。这个属性的值有两个:outside,表示标记在列表项之外。inside,表示标记在列表项内部。



举个例子。

在 html 里添加一个 h3 元素,填入一些文本。ul 点 h 大于 li 乘以 3 ul.h>li*3,创建一个无序列表,填入一些文本。拷贝这组列表,将 class 值改为 i。

在 css 里定义 ul.h 选择器,声明样式 list-style-position: outside。定义 ul.i 选择器,声明样式 list-style-position: inside。

仔细观察列表项标记的位置,如果这里画一条线,就一目了然了,outside,标记在列表内容的左侧,也是默认的位置。inside,标记在列表内容里面。

有时,我们不希望显示列表项标记,此时可以应用 list-style-type: none 来去掉他们。

再复制一组这个列表,将 class 值修改为 j。再定义选择器 ul.j,声明样式 list-style-type: none。

我们看,列表项标记消失了。

同样,列表属性也可以使用简写——list-style,被用来在一个声明中,设置所有的列表属性。属性值按照 list-style-type list-style-position list-style-image 顺序来书写,某个值缺省的话,就使用它的默认值。

复制两份列表,修改 class 值分别为 k,l (这个是艾奥)。

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。

这样的简写,同样可以定义列表项的标记样式,方便快捷。

我们还可以用颜色来装饰列表,使它们看起来更有趣。添加到 ol 或 ul 标签的任何样式都会影响整个列表,而添加到 li 标签的属性只会影响单个列表项。

在 html 中再复制两组列表,修改 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 属性,给元素添加内外边距,我们在后面的课程里还会详细的研究。

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

者:樊晓娟 印磊 竺雨辰 权亮羽

#香港和境外资本市场# #金融创新# #金融科技#


NFT的热潮席卷全球,从专门的NFT交易平台到NYSE等主流交易所,纷纷加入战场。NFT不但在境外异常火爆,在境内也迅速“飞入寻常百姓家”。日前,支付宝的粉丝粒小程序上线两款「敦煌飞天,九色鹿」付款码 NFT 限量皮肤(简称“敦煌皮肤”),上线当即被一抢而空,再次流入市场的敦煌皮肤一度被炒出150万的天价。所以,当人们提及NFT时,对其的第一印象往往就是“炒作”。


尽管NFT如此火爆,但考虑到境内严禁虚拟货币交易平台和严打“炒币”的政策环境,NFT在境内能否合规运作是部分读者关注的焦点。本文结合境内政策环境与NFT的技术特点,探索数字作品NFT在境内的合规路径。


一、政策环境


自2017年以来,中国就虚拟货币与区块链技术推出一系列政策及法规,以期能规范行业发展。


(一)《关于防范代币发行融资风险的公告》(“94公告”)


2017年9月4日,中国人民银行、中央网信办、工业和信息化部、工商总局、银监会、证监会及保监会七部门联合发布94公告。94公告将代币融资活动定性为“未经批准非法公开融资”的行为,要求各类代币发行融资活动自公告发布之日起立刻停止,清退交易平台;另要求各个金融机构不得为发行融资和“虚拟货币”提供账户开立、交易、清算等产品或服务。


(二)《关于防范虚拟货币交易炒作风险的公告》(“公告”)


2021年5月18日,中国互联网金融协会、中国银行业协会和中国支付清算协会联合发布本公告。重申虚拟货币的属性为“特定的虚拟商品”,同时提醒广大消费者增强风险意识,不要盲目参与到炒作虚拟货币的投资活动中。


(三)《关于加快推动区块链技术应用和产业发展的指导意见》(“指导意见”)


2021年5月27日,工业和信息化部、中央网络安全和信息化委员会办公室发布指导意见,国家支持并鼓励企业在食品、药品的溯源方面;在物流、资金流的管理方面;在数据采集、分享、分析方面,以及在存证取证、电子政务等方面应用区块链技术。另外,国家将通过应用试点、政策扶持、加强产业人才培养等方式,推动区块链技术应用和产业发展。

不难看出,我国认可区块链技术对于信息安全、司法存证、产业赋能等方方面面的贡献,大力推动区块链技术应用与发展,引领并扶持具有潜力的区块链技术企业。同时,在我国,虚拟货币作为特定的虚拟商品,受到我国法律体系的保护,但国家坚决杜绝代币融资活动,严防严控虚拟货币炒作及其带来的各类风险。


二、什么是数字作品NFT


NFT的全名为Non-Fungible Tokens,也称非同质化通证。笔者曾于《NFT开启数字资产市场新认知》[1]中对于NFT特性作出了详细的介绍,有兴趣的读者可以阅读该文。


(一)范围


数字作品NFT并无法定的定义,但是从市场情况来看,其范围非常广泛,目前市场上火爆的NFT几乎都属于数字作品NFT。


除了本文开头提到的敦煌皮肤以外,风头无两的NBA TOPSHOT、在佳士得拍卖行拍出6900多万美元天价的“EVERYDAYS:THE FIRST 5000 DAYS ”、今年4月NYSE发行的首套标志性股票发行纪念NFT、今年5月以NFT技术进行数字加密并进行公益拍卖的歌手阿朵新歌《WATER KNOW》,以及今年7月在苏富比拍卖行的在线拍卖中拍出540万美元高价的NFT 形式万维网原始代码等等,都是数字作品NFT。


(二)法律性质


由上述例子可以看出,由于数字作品NFT的范围广泛,其种类也呈现多样性,因此,相应的,不同数字作品NFT的法律性质也需要根据实际情况判断,不宜一概而论。并且,在不同的法律适用和不同的应用场景下,数字作品NFT可能兼具数个法律性质。


1. 作品

根据《著作权法》第三条的规定,“作品”定义是指“文学、艺术和科学领域内具有独创性并能以一定形式表现的智力成果,包括:(一)文字作品;(二)口述作品;(三)音乐、戏剧、曲艺、舞蹈、杂技艺术作品;(四)美术、建筑作品;(五)摄影作品;(六)视听作品;(七)工程设计图、产品设计图、地图、示意图等图形作品和模型作品;(八)计算机软件;(九)符合作品特征的其他智力成果。

从《著作权法》的角度,诸如敦煌皮肤、数字歌曲《WATER KNOW》等NFT都可以理解为作品,其著作权人应当享有相应的著作权,包括:复制权、发行权、展览权、信息网络传播权等。[2]


2. 虚拟财产

《民法典》原则性地确认了虚拟财产受法律保护。《民法典》第一百二十七条的规定:“法律对数据、网络虚拟财产的保护有规定的,依照其规定。”据此《民法典》明确了数据、网络虚拟财产被纳入民事财产权利的保护客体范围。

财产作为权利客体,需具备价值性、稀缺性、可支配性。数字作品NFT通过人类的劳动产生,本身凝结了人类抽象的劳动力,可以通过金钱作为对价转让、交易、产生收益,具备价值性;数字作品NFT是一种非同质化通证,每一个或一批数字作品NFT都有数量限制,具备稀缺性;持有人获得数字作品NFT后也可以占有、使用、处分、收益,具有可支配性。因此,数字作品NFT可能被认为是虚拟财产,受法律保护。


3. 艺术品

《艺术品经营管理办法》第二条第一款规定:“本办法所称艺术品,是指绘画作品、书法篆刻作品、雕塑雕刻作品、艺术摄影作品、装置艺术作品、工艺美术作品等及上述作品的有限复制品。本办法所称艺术品不包括文物。”

从上述定义来看,《著作权法》下的相当一部分“作品”及其有限复制品都属于“艺术品”。例如,今年3月,在“DoubleFat双盈—首届NFT加密艺术展”上,现场焚烧了一件艺术家冷军的绘画作品,并生成“NFT加密艺术”[3],该幅绘画作品NFT,就是艺术品的一种。


4. 互联网视听节目

根据《互联网视听节目服务业务分类目录(试行)》,“聚合网上视听节目的服务”“转发网民上传视听节目的服务”[4]都属于互联网视听节目服务。

如果数字作品NFT加载了音视频节目,或关联到音视频节目,如音乐demo、MV片段等,并上载到互联网向公众提供,其属于互联网视听节目。


5. 网络出版物

《网络出版服务管理规定》第二条第三款将“指通过信息网络向公众提供的,具有编辑、制作、加工等出版特征的数字化作品”定义为“网络出版物”,根据该条款的规定,网络出版物的范围包括:“(一)文学、艺术、科学等领域内具有知识性、思想性的文字、图片、地图、游戏、动漫、音视频读物等原创数字化作品;(二)与已出版的图书、报纸、期刊、音像制品、电子出版物等内容相一致的数字化作品;(三)将上述作品通过选择、编排、汇集等方式形成的网络文献数据库等数字化作品;(四)国家新闻出版广电总局认定的其他类型的数字化作品。”

前文提到的数字歌曲《WATER KNOW》,作为艺术领域的原创数字作品,同时通过信息网络发行,因此也是网络出版物的一种。

当然,除了上文提及的几种性质,数字作品NFT可能还涉及互联网视听节目、集邮票品等,而且不同的法律性质可能存在相互交叉。


三、数字作品NFT的合规要点


(一)生成


数字作品NFT的生成通常由两种来源。


一种是NFT的创建者直接通过数字技术和加密技术,创作数字作品,例如“EVERYDAYS:THE FIRST 5000 DAYS”,作者数字艺术家Mike Winkelman(Beeple)创作的就是数字图片。在此情况下,创建者本人就是该数字作品的作者,通过创作原始取得数字作品的所有权及相关的知识产权,其有充分的权利决定将自己的数字作品生成NFT和上链。


另一种情况是,创建者将传统形式的作品通过数字技术和加密技术生成数字作品。例如,冷军的绘画作品《新竹》,原作是绘制与纸张之上的,后续原作被焚烧,而由技术人员另行生成绘画作品NFT。那么,将原作后续生成NFT和上链,需要得到原著作权人的充分授权。


(二)发售


《著作权法》允许著作权人通过协议等方式全部或部分转让经济性权利并获得报酬[5];如果使用他人作品,应当取得许可。[6]


1.发售的权利

从权利来源上,与生成的原理相同,著作权人本人有权决定将自己的数字作品NFT进行发售;而如果是非著作权人本人拟发售数字作品NFT,发售者需要取得著作权人的授权,进一步的,如果是传统作品生成NFT的,而原作者与NFT的创建者不是同一人的,还需要考虑NFT的创建者可能有衍生权利,需要取得NFT创建者的授权。


2.发售的方式

如前文的分析,一个数字作品NFT可能存在不同的法律性质。因此,根据其不同的法律性质,不同的数字作品NFT在发售时需要遵循各自的合规路径。

如果数字作品NFT作为艺术品在艺术品经营平台上销售,从事艺术品经营活动的平台、企业等单位,在取得营业执照起15日内,需前往住所地县级以上人民政府文化行政部门进行备案[7]

如果数字作品NFT在线上进行发售,发行、发售、交易平台均应取得ICP备案/增值电信业务经营许可证,才能进行在线数据处理与交易处理。

如果数字作品NFT属于视听节目或关联视听节目并通过互联网传播的,其应通过取得《信息网络传播视听节目许可证》的互联网平台传播[8]

如果数字作品NFT以竞价拍卖的形式发售,应当交由拥有拍卖组织批准证书的拍卖公司,由拍卖公司组织拍卖活动。

如果数字作品NFT通过信息网络以网络出版物的形式发售,则发售方应当取得互联网出版服务许可证。


(三)流转


流动性是资产的生命。在国外,有许多正在活跃着的NFT交易平台,其中以Opensea数字藏品市场为首,目前该市场上有700余件藏品流通,且藏品具有多个类别。目前国内对于NFT仍然没有合规的交易平台供收藏者转手其收藏的数字作品,选择有资质的拍卖公司进行拍卖是NFT流转的合规方式。


而如前文所述,虽然数字作品NFT可能被认为是虚拟财产,但在没有取得著作权人、NFT创建人的许可、或在没有取得相关证照的平台上进行交易的情况下,相关NFT的交易很可能涉嫌违规。在年初NFT市场的火热初现苗头时,阿里巴巴旗下二手交易平台“闲鱼”曾一度成为NFT交易双方的最佳选择,敦煌皮肤在闲鱼上的挂牌价最高曾达百余万元;而平台方很快察觉到了交易不合规之处,并于6月24日下架所有卖家挂出的NFT相关商品。


法律总是滞后于新事物的发展的,NFT数字作品在我国的合法流转,尤其是在二级市场的合法流转还有一段路要走


结语

NFT是一种独一无二、不可分割且不可替代的通证,无论形式如何,其本质和内容是合规性的最重要判断。数字作品NFT以艺术品的形式,可以通过科技书写艺术家对于世界的认知与感受,其经济价值、文化价值及社会价值已得到越来越多的认可。NFT在其生成、发售、流转的过程中,经手人应保证其遵循合规路径,包括但不限于取得必要授权、持有所需经营许可证照、选择具有资质的交易场所等,避免陷入虚拟货币进行投机、炒作,或违法金融活动。

[注]

[1] http://www.zhonglun.com/Content/2021/05-06/1418532226.html

[2]《著作权法》第十条规定:“(一)发表权,即决定作品是否公之于众的权利;…(十七)应当由著作权人享有的其他权利。

著作权人可以许可他人行使前款第五项至第十七项规定的权利,并依照约定或者本法有关规定获得报酬。

著作权人可以全部或者部分转让本条第一款第五项至第十七项规定的权利,并依照约定或者本法有关规定获得报酬。”

[3] http://cang.cngold.org/c/2021-04-02/c7550181.html

[4]《互联网视听节目服务业务分类目录(试行)》“三、第三类互联网视听节目服务(一)聚合网上视听节目的服务 指将互联网上的视听节目信息编辑、排列到同一网站上,并向公众提供节目的查找、收看服务的业务活动。(二)转发网民上传视听节目的服务 指为网民提供专门的节目或信息上传通道,供网民将自己或他人的节目源通过网站的信息播发系统或收视界面传递给公众,供公众点播的服务。包括:(1)节目上传服务,指网民将节目上传到网站的服务器中,供公众收看、收听(含下载)的服务;(2)信息上传分发服务,指网民将节目名称、链接地址等信息上传到网站的服务器中,供公众浏览、选择再链接到其他播放器收看、收听(含下载)节目的服务。”

[5]《著作权法》第十条第二款、第三款。

[6]《著作权法》第二十六条第一款:“使用他人作品应当同著作权人订立许可使用合同,本法规定可以不经许可的除外。”

[7]《艺术品经营管理办法》第五条:“设立从事艺术品经营活动的经营单位,应当到其住所地县级以上人民政府工商行政管理部门申领营业执照,并在领取营业执照之日起15日内,到其住所地县级以上人民政府文化行政部门备案。”

[8]《互联网视听节目服务管理规定》第十七条第二款规定:“未持有《许可证》的单位不得为个人提供上载传播视听节目服务。互联网视听节目服务单位不得允许个人上载时政类视听新闻节目,在提供播客、视频分享等上载传播视听节目服务时,应当提示上载者不得上载违反本规定的视听节目。任何单位和个人不得转播、链接、聚合、集成非法的广播电视频道、视听节目网站的节目。”

声明

本文旨在法规之一般性分析研究或信息分享,不构成对具体法律的分析研究和判断的任何成果,亦不作为对读者提供的任何建议或提供建议的任何基础。作者在此明确声明不对任何依据本文采取的任何作为或不作为承担责任。如需转载或引用本文的任何内容,请联系作者(fanxiaojuan@zhonglun.com); 未经作者同意,不得转载或引用本文的任何内容。


特别声明:

以上所刊登的文章仅代表作者本人观点,不代表北京市中伦律师事务所或其律师出具的任何形式之法律意见或建议。

如需转载或引用该等文章的任何内容,请私信沟通授权事宜,并于转载时在文章开头处注明来源于公众号“中伦视界”及作者姓名。未经本所书面授权,不得转载或使用该等文章中的任何内容,含图片、影像等视听资料。如您有意就相关议题进一步交流或探讨,欢迎与本所联系。