新しい XML スキーマ システムは、DTD の制限 (補足記事「DTD の制限」を参照) を克服し、XML ドキュメントに豊富な文法構造を提供することを目的として、W3C 推奨標準になろうとしています。この記事では、スキーマの柔軟性を示し、XML スキーマ システムを使用して XML ドキュメントの最も基本的な構成要素である要素を定義する方法を説明します。
XML スキーマは DTD よりも強力です。 XML スキーマ メカニズムの威力を説明するために、次の 3 つのプログラム リストでは、要素を表現するさまざまな方法を簡単に比較しています。 リスト 1 は XML ドキュメント セグメントを示し、リスト 2 は DTD 構文を使用してこれら 2 つの要素を宣言し、リスト 3 は対応する XML スキーマ構文形式を示します。リスト 3 でも同じ XML 構文が使用されていることに注意してください。スキーマを通じて、検証パーサーは要素 InvoiceNo が正の整数であるかどうか、また ProductID 要素の最初の文字が A から Z までの文字とそれに続く 6 桁のアラビア数字であるかどうかをチェックできます。対照的に、DTD を参照する検証パーサーは、要素が文字列として表現されているかどうかをチェックすることしかできません。
リスト 1: XML ドキュメント セグメント
123456789 J123456
ログイン後にコピー
リスト 2: リスト 1 の要素を説明する DTD セグメント
リスト 3: リスト 1 の要素を説明する XML スキーマ
XML スキーマでの名前空間の使用
この中で共同作業の世界では、1 人が他の複数のグループのドキュメントに取り組んでいる可能性があり、グループごとにデータ要素を異なる方法で表現したい場合があります。さらに、異なるグループによって作成された同じ名前のドキュメント内の要素を参照する場合があります。同じ名前の異なる定義を区別するにはどうすればよいですか? XML スキーマは、名前空間を使用してこれらの定義を区別します。
添付資料:
DTD の制限事項
(DTD は構造化情報を記述するメカニズムとして 20 年間にわたって SGML および HTML 開発者に成功してきましたが、XML スキーマと比較して重大な制限があります。制限事項。
DTD には要素が必要です。次の 3 つのコンポーネントで構成されます。
テキスト文字列
他のサブ要素とテキスト文字列の混合
サブ要素のセット
DTD は型と名前空間に XML 構文を使用しません 限定的なサポートのみが提供されます )
特定の XML スキーマは、要素名、型名、属性名、属性グループ名などの新しい名前のセットを定義します。これらの名前の定義と宣言はスキーマに書き込まれます。 リスト 3 では、InvoiceNo、ProductID、ProductCode などの名前を定義しています。
スキーマで定義された名前は、そのターゲット名前空間に属すると言います。ネームスペース自体には固定ですが制限のない名前があり、URL 構文に準拠する必要があります。たとえば、リスト 3 のスキーマ セクションでは、名前空間に http://www.SampleStore.com/Account という名前を付けることができます。
名前空間名の構文は、http:// で始まるにもかかわらず、その URL がスキーマ定義を含むファイルを指していないため、混乱を招く可能性があります。実際、URL http://www.SampleStore.com/Account はファイルをまったく指しておらず、単に割り当てられた名前を指しているだけです。
スキーマ内の定義と宣言は、他の名前空間に属する名前を参照する場合があります。この記事では、これらの名前空間をソース名前空間と呼びます。各スキーマにはターゲット名前空間がありますが、複数のソース名前空間が存在する場合があります。ネームスペース名は非常に長くなる場合がありますが、XML ドキュメントでは xmlns 宣言を通じて省略形を使用できます。これらの概念を説明するために、上記のリスト 4 のパターン例にもう少し追加します。
リスト 4: ターゲット名前空間とソース名前空間
リスト 4 の XML スキーマでは、targetNamespace の名前は www.SampleStore.com/Account で、これには InvoiceNo、ProductID、ProductCode という名前が含まれています。名前 schema 、 element 、 simpleType 、 pattern 、 string 、およびpositive-integer は、ソース名前空間 www.w3.org/1999/XMLSchema に属し、 xmlns 宣言によって xsd と省略されます。エイリアス xsd については特別なことは何もありません。他の名前を選択することもできます。この記事の後半では、便宜と簡素化のため、名前空間 www.w3.org/1999/XMLSchema を表すために xsd を使用し、一部のコード スニペットでは修飾子 xsd を省略します。この例では、他の名前が ProductCode という名前を使用して定義されているため、targetNamespace がソース名前空間として機能することがあります。
リスト 4 のパターン セクションでは、ソース パターン ファイルの場所を指定する必要はありません。 「スキーマのスキーマ」全体、http://www.w3.org/1999/XMLSchema については、その場所がよく知られているため、場所を指定する必要はありません。ソース名前空間 www.SampleStore.com/Account の場合、それがファイル内で定義されているターゲット名前空間であるため、場所を指定する必要もありません。スキーマの場所を指定し、デフォルトの名前空間を使用する方法をより深く理解するには、リスト 5 の拡張例を見てください。
リスト 5: 複数のソース名前空間、1 つの名前空間をインポートする
清单 5中多了一个名称空间引用： www.PartnerStore.com/PartsCatalog 。这个名称空间不同于 targetNamespace 和标准名称空间。因此必须使用 import 声明元素引入，该元素的 schemaLocation 属性指明包含模式的文件位置。默认的名称空间是www.w3.org/1999/XMLSchema ，它的 xmlns 声明没有名字。每个非限定的名字如 schema 和 element ，都属于默认名称空间www.w3.org/1999/XMLSchema 。如果模式从一个名称空间中引用了多个名字，将其指定为默认名字空间更方便。
一个 XML 实例文档可能引用多个名称空间的元素名，这些名称空间定义在不同模式中。为了引用和简化名称空间的名字，同样要使用 xmlns 声明。我们使用 XML Schema 实例名称空间的 schemaLocation 属性指定文件的位置。要注意，该属性不同于上一个例子中 xsd 名称空间的同名属性 schemaLocation 。
清单 6：使用来自多个模式的多个名称空间的名字
图 2：清单 5 和清单 6 的名称空间
定义元素
定义元素就是定义元素的名字和内容模型。在 XML Schema 中，元素的内容模型由其类型定义，因此 XML 文档中实例元素的值必须符合模式中定义的类型。
类型包括简单类型和复杂类型。简单类型的值不能包含元素或属性。复杂类型可以产生在其他元素中嵌套元素的效果，或者为元素增加属性。（到目前为止本文中的例子都是用户定义的简单类型，比如 ProductCode ）。XML Schema 规范也包括预定义的简单类型（请参阅侧栏 简单类型）。 派生的简单类型约束了基类型的值。比如，派生简单类型 ProductCode 的值是基类型 string 值的子集。
简单的、非嵌套的元素是简单类型
不含属性或其他元素的元素可以定义为简单类型，无论是预定义的简单类型还是用户定义的简单类型，如 string 、 integer 、 decimal 、 time 、 ProductCode 等等。
清单 7：一些元素的简单类型
带有属性的元素必须是复杂类型
现在，试着向 清单 7中的简单元素 price 增加属性 currency 。您不能这样做，因为简单类型的元素不能有属性。如果希望增加属性，您必须把 price 元素定义成复杂类型。在 清单 8的例子中，我们定义了一个 匿名类型，没有明确地命名这个复杂类型。换句话说，没有定义复杂类型 complexType 的 name 属性。
清单 8：一个复杂元素类型
嵌入其他元素的元素必须是复杂类型
在 XML 文档中，一个元素可能嵌入其他的元素。这种要求可以在 DTD 中直接表示。但 XML Schema 定义一个元素，这个元素有一个类型，而这个类型可以包含其他元素和属性的声明。 表 1给出了一个简单的例子。
表 1：DTD 和 XML Schema 中复杂数据类型的比较
XML 文档
Cool XML<Title> <Author>Cool Guy</Author> </Book></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>DTD</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><Book> <Title>Cool XML<Title> <Author>Cool Guy</Author> </Book></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>XML Schema</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><Book> <Title>Cool XML<Title> <Author>Cool Guy</Author> </Book>
<!--ELEMENT Book (Title, Author)-->
<!--ELEMENT Title (#PCDATA)-->
<!--ELEMENT Author (#PCDATA)-->
<element name="'Book'" type="'BookType'/">
<complextype name="'BookType'">
<element name="'Title'" type="'string'/">
<element name="'Author'" type="'string'/"></element>
</element>
</complextype>
</element></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>尽管 表 1中的 XML 代码同时满足 DTD 与 XML Schema 段，但两者之间有一个很大的区别。在 DTD 中所有的元素都是全局性的，而表中的 XML Schema 允许把 Title 和 Author 定义成局部的——只出现在元素 Book 中。为了在 XML Schema 中实现与 DTD 声明完全相同的效果，元素 Title 和 Author 必须是全局范围的，如 清单 9中所示。元素 element 的 ref 属性使您能够引用前面声明的元素。</p>
<p>清单 9：用全局简单类型定义的复杂类型</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><element name='Title' type='string'/> <element name='Author' type='string'/> <element name='Book' type='BookType'/> <complexType name='BookType'> <element ref='Title'/> <element ref='Author'/> </complexType></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>在 表 1和 清单 9所示的例子中， BookType 是全局性的，可用于声明其他元素。相反， 清单 10将该类型局部地定义到元素 Book 中，而且定义成匿名元素。要注意， 表 1中的 XML 文档段与表 1、 清单 9和 清单 10中三个模式段都匹配。</p>
<p>清单 10：隐藏 BookType 作为本地类型</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><element name='Title' type='string'/> <element name='Author' type='string'/> <element name='Book'> <complexType> <element ref='Title'/> <element ref='Author'/> </complexType> </element></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>表示元素的复杂约束</p>
<p>对于表示元素内容模型的约束，XML Schema 比 DTD 提供了更大的灵活性。在最简单的层次上，像在 DTD 中那样，您可以把属性和元素声明关联起来，指明能够出现的给定元素集合序列：只能出现 1 次（1）、出现 0 次或多次（*）或者出现 1 次或多次（+）。您还可以表示 XML Schema 中的其他约束，比方说使用 element 元素的 minOccurs 和 maxOccurs 属性，以及 choice 、 group 和 all 元素。</p>
<p>清单 11：表示元素类型的约束</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><element name='Title' type='string'/> <element name='Author' type='string'/> <element name='Book'> <complexType> <element ref='Title' minOccurs='0'/> <element ref='Author' maxOccurs='2'/> </complexType> </element></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p>在 清单 11中， Book 中 Title 的出现是可选的（类似 DTD 的 '?'）。但是， 清单 11也说明 Book 元素中至少要有一个但不能超过两个作者。 element 的 minOccurs 和 maxOccurs 属性的默认值是 1。元素 choice 只允许它的一个子女出现在实例中。另外一个元素 all ，表示这样的约束：组中的所有子元素可以同时出现一次，或者都不出现，它们可以按任意的顺序出现。 清单 12表示 Title 和 Author 两者必须同时出现（顺序任意）在 Book 中，或者都不出现。这种约束很难在 DTD 中表示。</p>
<p>清单 12：指出必须为元素定义所有的类型</p>
<div class="code" style="position:relative; padding:0px; margin:0px;">
<pre class="brush:xml;toolbar:false"><xsd:element name='Title' type='string'/> <xsd:element name='Author' type='string'/> <xsd:element name='Book'> <xsd:complexType> <xsd:all> <xsd:element ref='Tile'/> <xsd:element ref='Author'/> </xsd:all> </xsd:complexType> </xsd:element></pre>
<div class="contentsignin">
ログイン後にコピー
</div>
</div>
<p></p>
<p>更上层楼</p>
<p>我们已经讨论了在 XML Schema 中定义元素所需的最基本的概念，通过一些简单的例子使您领略到它的强大功能。还有一些更强大的机制：</p>
<p>XML Schema 对类型继承提供了广泛的支持，允许重用以前定义的结构。使用所谓的 facets，您可以派生新的类型，表示其他某个类型值的更小子集，比如通过枚举、范围或模式匹配来定义子集。在本文的例子中， ProductCode 类型就是使用模式面（ pattern facet）定义的。子类型也可以向基类型增加更多的元素和属性声明。</p>
<p>有几种机制控制能否定义子类型，或者能否在具体的文档中替换为子类型。比如，有可能表示 InvoiceType （ Invoice 编号的类型）不允许子类型化，任何人都不能定义新版本的 InvoiceType 。通过规定在特定的上下文中不能用 ProductCode 类型的子类型替换，也能表达这种约束。</p>
<p>除了子类型外，还可以定义等价的类型，这样，一个类型的值可以用另一个类型代替。</p>
<p>通过声明抽象的元素或者类型，XML Schema 提供了一种强制替换机制。</p>
<p>为了方便起见，可以定义并命名属性组和元素组，从而能够在后面引用这些组达到重用的目的。</p>
<p>XML Schema 提供了三个元素—— appInfo 、 documentation 和 annotation ——为模式作注解，以方便读者（ documentation ）和应用程序（ appInfo ）。</p>
<p>基于子元素的某些属性可以表示惟一性约束。</p>
<p>可以通过 W3C 站点（请参阅 参考资料）的文档进一步研究 XML Schema，或者访问 dW XML 专区了解更多的内容。目前，XML Schema 规范已经被批准，并成为候选推荐标准（Candidate Recommendation），毫无疑问您将越来越多地用到它。</p>
<p>以上がXML Schemaを使って要素（画像やテキスト）を定義するための基礎知識を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p>
</div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>関連ラベル：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ja/search?word=xml，schema，定义元素" target="_blank">XML ，Schema，定义元素</a>
</div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">
ソース：php.cn
</div>
</div>
<div class="wzconOtherwz">
<a href="//m.sbmmt.com/ja/faq/359267.html" title=""><span>前の記事：XML スキーマの簡単な例</span></a>
<a href="//m.sbmmt.com/ja/faq/359274.html" title=""><span>次の記事：xml、スキーマ、xsltを同時に使用するサンプルコードの詳細な紹介</span></a>
</div>
<div class="wzconShengming">
<div class="bzsmdiv">
このウェブサイトの声明
</div>
<div>
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
</div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">
著者別の最新記事
</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/377601.html">独自の PHP フレームワークをゼロから構築するためのビデオ資料</a>
</div>
<div>
2023-03-15 16:54:01
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/377137.html">PHPMailer が QQ メールボックスを使用して電子メール送信機能を完了する方法の分析例</a>
</div>
<div>
2023-03-15 12:26:02
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/376186.html">PHPでIMAPでメールを受信する方法の紹介</a>
</div>
<div>
2023-03-14 18:58:01
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/375194.html">PHP で配列の重複排除を迅速に実装する方法の例</a>
</div>
<div>
2023-03-14 11:30:01
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/369412.html">HTML での</a>
<a>タグのすべての属性の使用の概要</a>
</div>
<div>
1970-01-01 08:00:00
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/379971.html">PHPの基礎知識まとめ（初心者が始めるのに必要）</a>
</div>
<div>
2023-03-16 15:20:01
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/381607.html">JavaScript での typeof の使用の概要</a>
</div>
<div>
1970-01-01 08:00:00
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/382066.html">JavaScript でのconfirm() メソッドの使用の概要</a>
</div>
<div>
1970-01-01 08:00:00
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/357705.html">HTML5 プレースホルダー属性の詳細な紹介</a>
</div>
<div>
1970-01-01 08:00:00
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="//m.sbmmt.com/ja/faq/380149.html">ReactJS のフォームに単一選択、複数選択、逆選択を実装する方法</a>
</div>
<div>
1970-01-01 08:00:00
</div></li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">
最新の問題
</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ja/wenda/173513.html" target="_blank" title="WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない" class="wdcdcTitle">WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない</a>
<a href="//m.sbmmt.com/ja/wenda/173513.html" class="wdcdcCons">カスタムWordPressブロックテーマを作成するためにUdemyWordPressコースを受講しています。 function.php にブロック タイプが正常に登録され、Gute...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">から 2023-11-12 20:37:50</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira">
<b class="wdcdcirdzi"></b>0
</div>
<div class="wdcdcirpl flexRow ira">
<b class="wdcdcirpli"></b>2
</div>
<div class="wdcdcirwatch flexRow ira">
<b class="wdcdcirwatchi"></b>261
</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ja/wenda/173469.html" target="_blank" title="Uncaught TypeError: 未定義のプロパティを設定できません (「innerHTML」を設定)" class="wdcdcTitle">Uncaught TypeError: 未定義のプロパティを設定できません (「innerHTML」を設定)</a>
<a href="//m.sbmmt.com/ja/wenda/173469.html" class="wdcdcCons">PHPを使用して、クラス「Continuous TextBox」（クラスによって定義されている）の要素でWebページを作成しようとしています。クリックされると、別の関数ID「har...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">から 2023-11-08 21:06:09</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira">
<b class="wdcdcirdzi"></b>0
</div>
<div class="wdcdcirpl flexRow ira">
<b class="wdcdcirpli"></b>1
</div>
<div class="wdcdcirwatch flexRow ira">
<b class="wdcdcirwatchi"></b>278
</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ja/wenda/173308.html" target="_blank" title="カスタム要素には終了タグが必要ですか?" class="wdcdcTitle">カスタム要素には終了タグが必要ですか?</a>
<a href="//m.sbmmt.com/ja/wenda/173308.html" class="wdcdcCons">私が定義した要素 (コンテンツは必要ありません) は、終了タグがなくても問題なく動作するようです。これはブラウザの単なる癖なのでしょうか。判決は何でしたか？理論的には可能ですか？要...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">から 2023-10-29 22:40:33</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira">
<b class="wdcdcirdzi"></b>0
</div>
<div class="wdcdcirpl flexRow ira">
<b class="wdcdcirpli"></b>1
</div>
<div class="wdcdcirwatch flexRow ira">
<b class="wdcdcirwatchi"></b>307
</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ja/wenda/173038.html" target="_blank" title="子要素の可視性を維持しながら背景画像の不透明度を変更する" class="wdcdcTitle">子要素の可視性を維持しながら背景画像の不透明度を変更する</a>
<a href="//m.sbmmt.com/ja/wenda/173038.html" class="wdcdcCons">子要素の不透明度に影響を与えずに背景画像の不透明度を設定することはできますか?サンプル フッター内のすべてのリンクにはカスタム箇条書き (背景画像) が必要で、カスタム箇条書きの不...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">から 2023-10-10 19:40:19</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira">
<b class="wdcdcirdzi"></b>0
</div>
<div class="wdcdcirpl flexRow ira">
<b class="wdcdcirpli"></b>1
</div>
<div class="wdcdcirwatch flexRow ira">
<b class="wdcdcirwatchi"></b>257
</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ja/wenda/172846.html" target="_blank" title="CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)" class="wdcdcTitle">CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)</a>
<a href="//m.sbmmt.com/ja/wenda/172846.html" class="wdcdcCons">MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DO...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">から 2023-09-16 15:49:33</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira">
<b class="wdcdcirdzi"></b>0
</div>
<div class="wdcdcirpl flexRow ira">
<b class="wdcdcirpli"></b>1
</div>
<div class="wdcdcirwatch flexRow ira">
<b class="wdcdcirwatchi"></b>621
</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt">
<div class="wzczt-title">
<div>
関連トピック
</div>
<a href="//m.sbmmt.com/ja/faq/zt" target="_blank">詳細></a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/pdfzmzhcxmlgs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212153267141.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PDFをXML形式に変換する方法"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/pdfzmzhcxmlgs" class="title-a-spanl" title=""><span>PDFをXML形式に変換する方法</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/jsreplacehsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213435237057.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="jsreplace関数の使い方"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/jsreplacehsyf" class="title-a-spanl" title=""><span>jsreplace関数の使い方</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/worddzhmdzxs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213333061412.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="文字を入力すると文字が消える"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/worddzhmdzxs" class="title-a-spanl" title=""><span>文字を入力すると文字が消える</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/mcjyszmzc"><img src="https://img.php.cn/upload/subject/202407/22/2024072213213769153.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Matcha Exchangeへの登録方法"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/mcjyszmzc" class="title-a-spanl" title=""><span>Matcha Exchangeへの登録方法</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/greatesthsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213551023312.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="最大の機能の使い方"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/greatesthsyf" class="title-a-spanl" title=""><span>最大の機能の使い方</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/isnumberhsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213414296826.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="isnumber関数の使用法"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/isnumberhsyf" class="title-a-spanl" title=""><span>isnumber関数の使用法</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/climljs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213554313845.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="CLI コマンドの概要"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/climljs" class="title-a-spanl" title=""><span>CLI コマンドの概要</span></a></li>
<li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ja/faq/quartzpz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214414444677.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quartz設定ファイルの詳細説明"></a><a target="_blank" href="//m.sbmmt.com/ja/faq/quartzpz" class="title-a-spanl" title=""><span>Quartz設定ファイルの詳細説明</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne">
<div class="wzroTitle">
人気のおすすめ
</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="XMLとはどのような形式ですか?" href="//m.sbmmt.com/ja/faq/479745.html">XMLとはどのような形式ですか?</a>
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="XMLファイルを開くのにどのようなソフトウェアを使用していますか?" href="//m.sbmmt.com/ja/faq/423189.html">XMLファイルを開くのにどのようなソフトウェアを使用していますか?</a>
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="XML とは何ですか?またその機能は何ですか?" href="//m.sbmmt.com/ja/faq/417105.html">XML とは何ですか?またその機能は何ですか?</a>
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="XML の 4 つの一般的な解析方法は何ですか?" href="//m.sbmmt.com/ja/faq/416849.html">XML の 4 つの一般的な解析方法は何ですか?</a>
</div></li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Java で XML を解析するにはどのような方法がありますか?" href="//m.sbmmt.com/ja/faq/417232.html">Java で XML を解析するにはどのような方法がありますか?</a>
</div></li>
</ul>
</div>
</div>
<div class="wzrThree">
<div class="wzrthree-title">
<div>
人気のチュートリアル
</div>
<a target="_blank" href="//m.sbmmt.com/ja/course.html">詳細></a>
</div>
<div class="wzrthreelist swiper2">
<div class="wzrthreeTab swiper-wrapper">
<div class="check tabdiv swiper-slide" data-id="one">
関連するチュートリアル
<div></div>
</div>
<div class="tabdiv swiper-slide" data-id="two">
人気のおすすめ
<div></div>
</div>
<div class="tabdiv swiper-slide" data-id="three">
最新のコース
<div></div>
</div>
</div>
<ul class="one">
<li><a target="_blank" href="//m.sbmmt.com/ja/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"></a>
<div class="wzrthree-right">
<a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="//m.sbmmt.com/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a>
<div class="wzrthreerb">
<div>
1402106
<b class="kclbcollectb"></b>
</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/74.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ"></a>
<div class="wzrthree-right">
<a target="_blank" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" href="//m.sbmmt.com/ja/course/74.html">PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ</a>
<div class="wzrthreerb">
<div>
4226653
<b class="kclbcollectb"></b>
</div>
<div class="courseICollection" data-id="74">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"></a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="//m.sbmmt.com/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a>
<div class="wzrthreerb">
<div>
2409022
<b class="kclbcollectb"></b>
</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"></a>
<div class="wzrthree-right">
<a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="//m.sbmmt.com/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a>
<div class="wzrthreerb">
<div>
497249
<b class="kclbcollectb"></b>
</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/2.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP ゼロベースの入門チュートリアル"></a>
<div class="wzrthree-right">
<a target="_blank" title="PHP ゼロベースの入門チュートリアル" href="//m.sbmmt.com/ja/course/2.html">PHP ゼロベースの入門チュートリアル</a>
<div class="wzrthreerb">
<div>
832526
<b class="kclbcollectb"></b>
</div>
<div class="courseICollection" data-id="2">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
</ul>
<ul class="two" style="display: none;">
<li><a target="_blank" href="//m.sbmmt.com/ja/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"></a>
<div class="wzrthree-right">
<a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="//m.sbmmt.com/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a>
<div class="wzrthreerb">
<div>
1402106 回の学習
</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"></a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="//m.sbmmt.com/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a>
<div class="wzrthreerb">
<div>
2409022 回の学習
</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"></a>
<div class="wzrthree-right">
<a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="//m.sbmmt.com/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a>
<div class="wzrthreerb">
<div>
497249 回の学習
</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web フロントエンド開発の簡単な紹介"></a>
<div class="wzrthree-right">
<a target="_blank" title="Web フロントエンド開発の簡単な紹介" href="//m.sbmmt.com/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a>
<div class="wzrthreerb">
<div>
214087 回の学習
</div>
<div class="courseICollection" data-id="901">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PSビデオチュートリアルをゼロからマスターする"></a>
<div class="wzrthree-right">
<a target="_blank" title="PSビデオチュートリアルをゼロからマスターする" href="//m.sbmmt.com/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a>
<div class="wzrthreerb">
<div>
856243 回の学習
</div>
<div class="courseICollection" data-id="234">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
</ul>
<ul class="three" style="display: none;">
<li><a target="_blank" href="//m.sbmmt.com/ja/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web フロントエンド] Node.js クイック スタート"></a>
<div class="wzrthree-right">
<a target="_blank" title="[Web フロントエンド] Node.js クイック スタート" href="//m.sbmmt.com/ja/course/1648.html">[Web フロントエンド] Node.js クイック スタート</a>
<div class="wzrthreerb">
<div>
4470 回の学習
</div>
<div class="courseICollection" data-id="1648">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="海外のWeb開発フルスタックコースの完全なコレクション"></a>
<div class="wzrthree-right">
<a target="_blank" title="海外のWeb開発フルスタックコースの完全なコレクション" href="//m.sbmmt.com/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a>
<div class="wzrthreerb">
<div>
3517 回の学習
</div>
<div class="courseICollection" data-id="1647">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go言語実践GraphQL"></a>
<div class="wzrthree-right">
<a target="_blank" title="Go言語実践GraphQL" href="//m.sbmmt.com/ja/course/1646.html">Go言語実践GraphQL</a>
<div class="wzrthreerb">
<div>
3026 回の学習
</div>
<div class="courseICollection" data-id="1646">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W ファンマスターが JavaScript をゼロから段階的に学習します"></a>
<div class="wzrthree-right">
<a target="_blank" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" href="//m.sbmmt.com/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a>
<div class="wzrthreerb">
<div>
552 回の学習
</div>
<div class="courseICollection" data-id="1645">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
<li><a target="_blank" href="//m.sbmmt.com/ja/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる"></a>
<div class="wzrthree-right">
<a target="_blank" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" href="//m.sbmmt.com/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a>
<div class="wzrthreerb">
<div>
15584 回の学習
</div>
<div class="courseICollection" data-id="1644">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div></li>
</ul>
</div>
</div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>
最新のダウンロード
</div>
<a href="//m.sbmmt.com/ja/xiazai">詳細></a>
</div>
<div class="wzrfourList swiper3">
<div class="wzrfourlTab swiper-wrapper">
<div class="check swiper-slide" data-id="onef">
ウェブエフェクト
<div></div>
</div>
<div class="swiper-slide" data-id="twof">
公式サイト
<div></div>
</div>
<div class="swiper-slide" data-id="threef">
サイト素材
<div></div>
</div>
<div class="swiper-slide" data-id="fourf">
フロントエンドテンプレート
<div></div>
</div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード" href="//m.sbmmt.com/ja/xiazai/js/8071">[フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果" href="//m.sbmmt.com/ja/xiazai/js/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果" href="//m.sbmmt.com/ja/xiazai/js/8069">[メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード" href="//m.sbmmt.com/ja/xiazai/js/8068">[フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード" href="//m.sbmmt.com/ja/xiazai/js/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム" href="//m.sbmmt.com/ja/xiazai/js/8066">[html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール" href="//m.sbmmt.com/ja/xiazai/js/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="[フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果" href="//m.sbmmt.com/ja/xiazai/js/8064">[フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果</a>
</div></li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8328" title="[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8327" title="[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8326" title="[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8325" title="[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8324" title="[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8323" title="[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8322" title="[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します" target="_blank">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8321" title="[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a>
</div></li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3078" target="_blank" title="[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)">[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3077" target="_blank" title="[PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)">[PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3076" target="_blank" title="[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）">[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3075" target="_blank" title="[PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）">[PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3074" target="_blank" title="[PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)">[PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3073" target="_blank" title="[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）">[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3072" target="_blank" title="[バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)">[バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/sucai/3071" target="_blank" title="[PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）">[PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）</a>
</div></li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8328" target="_blank" title="[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8327" target="_blank" title="[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8326" target="_blank" title="[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8325" target="_blank" title="[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8324" target="_blank" title="[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8323" target="_blank" title="[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8322" target="_blank" title="[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
</div></li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ja/xiazai/code/8321" target="_blank" title="[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a>
</div></li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="//m.sbmmt.com/ja/about/us.html" rel="nofollow" target="_blank" title="私たちについて" class="cBlack">私たちについて</a>
<a href="//m.sbmmt.com/ja/about/disclaimer.html" rel="nofollow" target="_blank" title="免責事項" class="cBlack">免責事項</a>
<a href="//m.sbmmt.com/ja/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！
</dd>
</dl>
</div>
</div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all">
</body>
</html>
