HTML 段落

タグの詳細な紹介

黄舟
リリース: 2017-07-03 11:46:26
オリジナル
6121 人が閲覧しました

タグは段落を定義します。

p 要素は、その前後に空白を自動的に作成します。これらのスペースはブラウザによって自動的に追加されるか、スタイルシートで指定することもできます。

段落間隔
IEのデフォルトは19pxで、pのmargin-top属性で設定されます
FFのデフォルトは1.12emで、pmargin-bottom属性で設定されます
p デフォルトはブロック表示です。段落の間隔をクリアするには、通常、

を設定できます。段落の使用は許可されています
ブロック では、段落を他の段落、リスト、フォーム、事前にフォーマットされたテキストとともに使用することもできます。一般に、これは、ドキュメントの本文やリスト要素内など、適切なテキスト フローがある場所ならどこにでも段落を表示できることを意味します。

技術的な観点から、ヘッダー、アンカー、またはコンテンツがテキストのみであることを厳密に要求するその他の場所に段落を表示することはできません。実際、ほとんどのブラウザはこの制限を無視し、含まれる要素のコンテンツの一部として段落をフォーマットします。

p {
   margin-top:0;
   margin-bottom:0;
}
ログイン後にコピー

HTML では、p タグを

P タグに含めることはできません

より深い分析:

まずインラインを理解しましょうインライン要素

とblock-line ブロック要素。HTML のほとんどすべての要素はインライン要素またはブロック要素のいずれかであるためです。

インラインという言葉には、インライン、インライン、インライン、ラインレベルなど、さまざまな解釈があります。ただし、ここでは、慣習的な名前である inline を選択します。次の例を見てください:
& lt; ブロック要素と

たとえば、

は単独で新しい行を生成しますが、 は CSS レンダリングを行わない場合にのみ当てはまります。同様に、CSS Define p をインライン要素およびスパンとして使用することもできます。ただし、HTML ではこれらを任意に変換することはできません。ブロック要素にはインライン要素または特定のブロック要素を含めることができます (上記の例は実際には間違った使用法です -- >

の中に

を入れています)。 )、

ただし、インライン要素にはブロック要素を含めることはできません。含めることができるのは他のインライン要素のみです

、もう一度見てください:

ここで、

はブロック要素、 ; はインライン要素です。 を含む

も問題ありませんが、 を含む場合も同様です。これは次のようなものですが、インライン要素にブロック要素を含めるべきではないため、間違っています:

また、一部のブロック要素に他のブロック要素を含めることができない状況もあります。例:

而这样又是可以的。


为什么呢?因为我们使用的DTD中规定了块级元素是不能放在

里面的,再加上一些浏览器纵容这样的写法:


当一个

签还没结束时,遇到下一个块元素就会把自己结束掉,其实浏览器是把它们处理成这样:


所以刚才那样的写法会变成这样:


这也是跟刚才说第一个例子中

里面放

不合理是同一个道理。

那哪些块元素里面不能放哪些块元素呢?我知道你有这个疑问,也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的,我们已经知道是在最外层,下一级里面只会有、、、,而我们已经知道了可视的元素只会出现在<body>里,所以我们把<body>划在第一个级里面,接着,把不可以自由嵌套的元素划在第三个级,其他的就归进第二个级。</span></p><p><span style="font-size: 13px; color: #000000;"> </span><span style="font-size: 13px; color: #ff00ff;">所谓的不可自由嵌套的元素就是里面只能放内联元素的,它们包括有:标题标记的<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<caption>;段落标记的<p>;分隔线<hr>和一个特别的元素<dt>(它只存在于列表元素<dl>的子一级)。</span></p><p><span style="font-size: 13px; color: #000000;"> 为什么说第二级的元素可以自由嵌套呢?我们可以把它们看成是一些容器(或者说是盒子), 这些容器的大小可以自由变化,例如我们可以把<ul>嵌在<p>里面,也可以把<p>嵌在<li>里面。</span></p><p><span style="font-size: 13px; color: #ff00ff;"> 在HTML里有几个元素是比较特别的:<ul>、<ol>、<dl>、<table>,它们的子一层必须是指定元素,<ul>、<ol>的子一级必须是<li>;<dl>的子一级必须是<dt>或者<dd>;<table>的子一层必须是<caption> 或<thead>、<tfoot>、<tbody>等,而再子一层必须是<tr> (<tr>只存在于<thead>、<tfoot>、<tbody>中),之后才是可放内容的<td>或者<th>。</span></p><p><span style="font-size: 13px; color: #000000;"> 很多人在W3C校验无法通过也是这个原因-->错误的元素嵌套,然而把提示错误的标签改成<p>或者<span>就可以通过,但是我们不能这样盲目的为了校验而校验,<p>也不是神,<p>代替不了语义化的标签。</span></p><p><span style="font-size: 13px; color: #3366ff;">下面有一张关于(X)HTML Strict下嵌套规则的图,可以参考:</span></p><p><span style="font-size: 13px; color: #3366ff;"><img src="https://img.php.cn/upload/article/000/000/194/dcdc175b325f9938b05ae8b1a8720602-1.jpg" alt=""/></span></p><p> </p><p><span style="max-width:90%">其实在内联元素中,还是可以再区分一下的,有几个元素(<img>、<input>等)比较特别,它们可以定义宽高。虽然在IE 浏览器里,所有的元素都可以定义宽高,但这是IE自己的标准,并非所有浏览器都支持,W3C称它们为replaced元素,我也找不到适合翻译的词,它们在属于in-line的情况下同样具有block-line的一些特性,在"dasplay:inline-block的应用"中所说的inline-block其实就是让其他元素也模拟成replaced元素,你暂时也不用过多了解,等到后面再学习它。</span></p><p><span style="font-size: 15px;"><strong><p> 标签支持 HTML 中的<a href="//m.sbmmt.com/code/5845.html" target="_blank">全局属性</a>。</strong></span></p><p><span style="font-size: 15px;"><span style="background-color: #ff0000;"> <span style="color: #ffffff;">5</span> </span>= HTML5 中添加的属性。</span></p><table style="width: 1259px; height: 2161px;" border="1" align="left"><tbody><tr class="firstRow"><td style="text-align: left;"><span style="font-size: 13px;">属性</span></td><td style="text-align: left;"><span style="font-size: 13px;">值</span></td><td><span style="font-size: 13px;">描述</span></td><td><span style="font-size: 13px;">例子</span></td><td><span style="font-size: 13px;">浏览器支持</span></td></tr><tr><td><span style="font-size: 13px;">class</span></td><td><span style="color: #ff00ff; font-size: 13px;">classname</span></td><td><span style="font-size: 13px;">规定元素的一个或多个类名(引用样式表中的类)</span></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">class="ab"</span>></p></span></td><td><span style="font-size: 13px;">所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">contenteditable <span style="background-color: #ff0000;"> <strong><span style="color: #ffffff;">5</span></strong> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span>(可编辑)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span>(不可编辑)</span></p></td><td><span style="font-size: 13px;">规定元素内容是否可编辑</span></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">contenteditable="true"</span>>这是一个可编辑的段落。</p></span></td><td><span style="font-size: 13px;">所有主流浏览器都支持。</span></td></tr><tr><td><span style="font-size: 13px;">contextmenu <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5 </span></span></span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">menu_id</span>(要打开的 <menu> 元素的 id。)</span></td><td><span style="font-size: 13px;">规定元素的上下文菜单。上下文菜单在用户点击元素时显示。</span></td><td><p><span style="font-size: 13px;"><p <span style="color: #ff00ff;">contextmenu="supermenu"</span>>本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><menu id="supermenu"> <command label="Step 1: Write Tutorial" onclick="doSomething()"> <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()"> </menu></pre><div class="contentsignin">ログイン後にコピー</div></div><p><span style="font-size: 13px;"></span><br/></p></td><td><span style="font-size: 13px;">目前只有 Firefox 支持 contextmenu 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">data-* <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5 </span></span></span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">somevalue</span> (规定属性的值(以字符串)。)</span></td><td><p><span style="font-size: 13px;">data-* 属性用于存储页面或应用程序的私有自定义数据。</span></p><p><span style="font-size: 13px;">data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。</span></p><p><span style="font-size: 13px;">存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。</span></p><p><span style="font-size: 13px;">data-* 属性包括两部分:</span></p><ul class=" list-paddingleft-2"><li><p><span style="font-size: 13px;">属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符</span></p></li><li><p><span style="font-size: 13px;">属性值可以是任意字符串</span></p></li></ul><p class="note"><span style="font-size: 13px;">注释:用户代理会完全忽略前缀为 "data-" 的自定义属性。</span></p></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p id="test" data-age="24"> Click Here </p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;">所有主流浏览器都支持 data-* 属性。</span></td></tr><tr><td><span style="font-size: 13px;">dir</span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">ltr</span> (默认。从左向右 的文本方向。</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">rtl</span> (从右到左的文本方向。)</span></p></td><td><span style="font-size: 13px;">规定元素中内容的文本方向。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><p dir="rtl" >Write this text right-to-left!</p></pre><div class="contentsignin">ログイン後にコピー</div></div><span style="font-size: 13px;"></span></td><td><span style="font-size: 13px;">所有浏览器均支持 dir 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">draggable <span style="background-color: #ff0000;"><span style="color: #ffffff;"> 5</span> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span> (规定元素的可拖动的。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span> (规定元素不可拖动。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">auto</span> (使用浏览器的默认行为。)</span></p></td><td><p><span style="font-size: 13px;">draggable 属性规定元素是否可拖动。</span></p><p class="tip"><span style="font-size: 13px;"><span style="color: #ff0000;">提示:</span>链接和图像默认是可拖动的。</span></p></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p draggable="true">这是一个可拖动的段落。</p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><p><span style="font-size: 13px;">Internet Explorer 9+, Firefox, Opera, Chrome, and Safari 支持 draggable 属性。</span></p><p><span style="font-size: 13px;"><strong>注释:</strong>Internet Explorer 8 以及更早的版本,不支持 draggable 属性。</span></p></td></tr><tr><td><span style="font-size: 13px;">dropzone <span style="background-color: #ff0000;"> <span style="color: #ffffff;">5</span> </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">copy</span> (拖动数据会产生被拖动数据的副本。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">move</span> (拖动数据会导致被拖动数据被移动到新位置。)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">link</span> (拖动数据会产生指向原始数据的链接。) </span></p></td><td><span style="font-size: 13px;">dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p dropzone="copy"></p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;">目前所有主流浏览器都不支持 contenteditable 属性。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">hidden <span style="color: #ffffff; background-color: #ff0000;"> 5 </span></span></td><td><span style="font-size: 13px;"> </span></td><td><p><span style="font-size: 13px;">hidden 属性是布尔属性。</span></p><p><span style="font-size: 13px;">如果设置该属性,它规定元素仍未或不再相关。</span></p><p><span style="font-size: 13px;">浏览器不应显示已规定 hidden 属性的元素。</span></p><p><span style="font-size: 13px;">hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。</span></p></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">hidden="hidden"</span>>这是一段隐藏的段落。</p></span></td><td><span style="font-size: 13px;">所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。</span></td></tr><tr><td><span style="font-size: 13px;">id</span></td><td><span style="color: #ff00ff; font-size: 13px;">idname</span></td><td><p><span style="font-size: 13px;">id 属性规定 HTML 元素的唯一的 id。</span></p><p><span style="font-size: 13px;">id 在 HTML 文档中必须是唯一的。</span></p><p><span style="font-size: 13px;">id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。</span></p></td><td><span style="font-size: 13px;"><p <span style="color: #ff00ff;">id="ab"</span>></p></span></td><td><span style="font-size: 13px;">所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;">lang</span></td><td><span style="font-size: 13px;"><span style="color: #ff00ff;">language_code</span> (规定元素内容的语言代码。)</span></td><td><span style="font-size: 13px;">lang 属性规定元素内容的语言。</span></td><td><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p lang="fr">Ceci est un paragraphe.</p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;">所有浏览器均支持 lang 属性。</span></td></tr><tr><td><span style="font-size: 13px;">spellcheck <span style="color: #ffffff; background-color: #ff0000;"> 5 </span></span></td><td><p><span style="font-size: 13px;"><span style="color: #ff00ff;">true</span> (对元素进行拼写和语法检查.)</span></p><p><span style="font-size: 13px;"><span style="color: #ff00ff;">false</span> (不检查元素。)</span></p></td><td><p><span style="font-size: 13px;">spellcheck 属性规定是否对元素进行拼写和语法检查。</span></p><p><span style="font-size: 13px;">可以对以下内容进行拼写检查:</span></p><ul class=" list-paddingleft-2"><li><p><span style="font-size: 13px;">input 元素中的文本值(非密码)</span></p></li><li><p><span style="font-size: 13px;"><textarea> 元素中的文本</span></p></li><li><p><span style="font-size: 13px;">可编辑元素中的文本</span></p></li></ul></td><td><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">进行拼写检查的可编辑段落:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p contenteditable="true" spellcheck="true">这是一个段落。</p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 支持 spellcheck 属性。</span></p><p class="note"><span style="font-size: 13px;"><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 spellcheck 属性。</span></p></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;"> style</span></td><td><span style="font-size: 13px;"> <span style="color: #ff00ff;">style_definition</span> (一个或多个由分号分隔的 CSS 属性和值。)</span></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">style 属性规定元素的行内样式(inline style)</span></p><p><span style="font-size: 13px;">style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">在 HTML 文档中使用 style 属性:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p style="color:red">This is a paragraph.</p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;"> 所有浏览器都支持。</span></td></tr><tr><td><span style="font-size: 13px;"> title</span></td><td><span style="font-size: 13px;"> <span style="color: #ff00ff;">text</span> (规定元素的<a href="//m.sbmmt.com/code/6156.html" target="_blank">工具提示</a>文本(tooltip text)。)</span></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">title 属性规定关于元素的额外信息。</span></p><p><span style="font-size: 13px;">这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。</span></p><p class="tip"><span style="font-size: 13px;"><strong>提示:</strong>title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">在 HTML 文档中使用 title 属性:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p title="Free Web tutorials">W3School.com.cn</p></pre><div class="contentsignin">ログイン後にコピー</div></div></td><td><span style="font-size: 13px;"> 所有浏览器都支持。</span></td></tr><tr style="background-color: #f4f4f4;"><td><span style="font-size: 13px;"> translate <span style="color: #ffffff;"> <span style="background-color: #ff0000;">5 </span></span></span></td><td><p><span style="font-size: 13px;"> <span style="color: #ff00ff;">yes</span> (规定应该翻译元素内容。)</span></p><p><span style="font-size: 13px;"> <span style="color: #ff00ff;">no</span> (规定不应翻译元素内容。)</span></p></td><td><span style="font-size: 13px;"> </span><p><span style="font-size: 13px;">translate 规定是否应该翻译元素内容。</span></p><p class="tip"><span style="font-size: 13px;"><strong>提示:</strong>请使用 class="notranslate" 替代。</span></p></td><td><span style="font-size: 13px;"> </span><h2><span style="font-size: 13px;">实例</span></h2><p><span style="font-size: 13px;">规定不应翻译某些元素:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><p translate="no">请勿翻译本段。</p> <p>本段可被译为任意语言。</p></pre><div class="contentsignin">ログイン後にコピー</div></div></p> <td><span style="font-size: 13px;"> 所有主流浏览器都无法正确地支持 translate 属性。</span></td> <p style="text-align: left;"><br></p><p>以上がHTML 段落 <p> タグの詳細な紹介の詳細内容です。詳細については、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=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ja/search?word=導入" target="_blank">導入</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ja/search?word=詳しい" target="_blank">詳しい</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/372303.html" title="HTMLのPタグにDIVタグを含めることができないのはなぜですか?"> <span>前の記事:HTMLのPタグにDIVタグを含めることができないのはなぜですか?</span> </a> <a href="//m.sbmmt.com/ja/faq/372307.html" title="htmlのPタグ段落とCSS段落の間隔調整"> <span>次の記事:htmlのPタグ段落とCSS段落の間隔調整</span> </a> </div> <div class="wzconShengming"> <!-- <img src="/static/images/images/benzhanshengming.png" /> --> <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> </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 Placeholder属性的详情介绍</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/173504.html" target="_blank" title="PHP で VueJS コンポーネントを活用する" class="wdcdcTitle">PHP で VueJS コンポーネントを活用する</a> <a href="//m.sbmmt.com/ja/wenda/173504.html" class="wdcdcCons">最下位の dom リーフまで VueJS を使用せずに、Php によって生成された基本的な HTML と VueJS コンポーネントを混合したいと考えています。親レイアウトには V...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2023-11-11 00:01:44</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>288</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/173503.html" target="_blank" title="次のjs 13でオープンプリミティブタグを使用するにはどうすればよいですか?" class="wdcdcTitle">次のjs 13でオープンプリミティブタグを使用するにはどうすればよいですか?</a> <a href="//m.sbmmt.com/ja/wenda/173503.html" class="wdcdcCons">最近の NextJS13 アップデートでは、NextHead を作成して通常の HTML メタ タグを記述する従来の方法とは異なる、メタ タグを処理する新しい方法が導入されました。...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2023-11-10 23:03:51</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>527</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/173495.html" target="_blank" title="PHP メーラーが動作しない: エラー ログがなく、メッセージは送信されたが受信されていないと表示されます" class="wdcdcTitle">PHP メーラーが動作しない: エラー ログがなく、メッセージは送信されたが受信されていないと表示されます</a> <a href="//m.sbmmt.com/ja/wenda/173495.html" class="wdcdcCons">ウェブサーバーの php エラー ログにエラー ログが表示されません。いくつかの異なる SMTP サーバーを試しました (私が知っている他の電子メールプロバイダーも同様に機能します...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2023-11-10 15:02:39</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>218</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/173494.html" target="_blank" title="月と年のみを選択する v-date-picker" class="wdcdcTitle">月と年のみを選択する v-date-picker</a> <a href="//m.sbmmt.com/ja/wenda/173494.html" class="wdcdcCons">v-date-picker を使用してこれを行う他の方法があるかどうか教えてください。ユーザーが年と月を選択できるようにして、日付ピッカー メニューを閉じる必要があるだけです。ここ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2023-11-10 14:05:05</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>269</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/173490.html" target="_blank" title="書き換えられたタイトルは次のとおりです: SweetAlert2: &quot;onBeforeOpen&quot; パラメーターが不明です" class="wdcdcTitle">書き換えられたタイトルは次のとおりです: SweetAlert2: &quot;onBeforeOpen&quot; パラメーターが不明です</a> <a href="//m.sbmmt.com/ja/wenda/173490.html" class="wdcdcCons">Laravel5.8 と Sweetalertv2 を使用しており、次のように Blade でこのアラートをトリガーしようとしています: Swal.fire({title:'&lt...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2023-11-10 09:39:01</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> </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/htmlbq"><img src="https://img.php.cn/upload/subject/202306/14/2023061417195694847.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html著作権記号" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlbq" class="title-a-spanl" title="html著作権記号"><span>html著作権記号</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202306/21/2023062118054418106.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLオンラインエディター" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlzxbjq" class="title-a-spanl" title="HTMLオンラインエディター"><span>HTMLオンラインエディター</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202307/31/2023073113382132316.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLウェブページ制作" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlwyzz" class="title-a-spanl" title="HTMLウェブページ制作"><span>HTMLウェブページ制作</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202308/01/2023080110215221612.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLスペース" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlkg" class="title-a-spanl" title="HTMLスペース"><span>HTMLスペース</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202308/11/2023081110034851167.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="htmlとは何ですか" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlssm" class="title-a-spanl" title="htmlとは何ですか"><span>htmlとは何ですか</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202308/11/2023081110511917388.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLのフォントサイズを設定する方法" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlztdxzmsz" class="title-a-spanl" title="HTMLのフォントサイズを設定する方法"><span>HTMLのフォントサイズを設定する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202308/31/2023083109262991103.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="htmlからテキストへ" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlztxt" class="title-a-spanl" title="htmlからテキストへ"><span>htmlからテキストへ</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202309/01/2023090116144456829.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLテキストボックスのコードの書き方" /> </a> <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlwbkdmzmx" class="title-a-spanl" title="HTMLテキストボックスのコードの書き方"><span>HTMLテキストボックスのコードの書き方</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="URLってどういう意味ですか?" href="//m.sbmmt.com/ja/faq/418772.html">URLってどういう意味ですか?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="DOM とはどういう意味ですか?" href="//m.sbmmt.com/ja/faq/414303.html">DOM とはどういう意味ですか?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="404 not found とはどういう意味ですか?" href="//m.sbmmt.com/ja/faq/413685.html">404 not found とはどういう意味ですか?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="画像サイズを変更する方法" href="//m.sbmmt.com/ja/faq/414252.html">画像サイズを変更する方法</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="どのような HTML エディタがありますか?おすすめのHTMLエディターベスト4" href="//m.sbmmt.com/ja/faq/412520.html">どのような HTML エディタがありますか?おすすめのHTMLエディターベスト4</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="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" 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>1386486 <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="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" 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>4193060 <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="JAVA 初心者向けビデオチュートリアル" 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>2290795 <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="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" 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>487537 <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="PHP ゼロベースの入門チュートリアル" 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>819325 <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="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" 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 >1386486 回の学習</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="JAVA 初心者向けビデオチュートリアル" 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 >2290795 回の学習</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="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" 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 >487537 回の学習</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="Web フロントエンド開発の簡単な紹介" 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 >212803 回の学習</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="PSビデオチュートリアルをゼロからマスターする" 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 >827017 回の学習</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="[Web フロントエンド] Node.js クイック スタート" 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 >1884 回の学習</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="海外のWeb開発フルスタックコースの完全なコレクション" 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 >1529 回の学習</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="Go言語実践GraphQL" 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 >1255 回の学習</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="550W ファンマスターが JavaScript をゼロから段階的に学習します" 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 >367 回の学習</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="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" 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 >6706 回の学習</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新のダウンロード</div> <a href="//m.sbmmt.com/ja/xiazai">詳細> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <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 プッシュ ボックス ゲーム" 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="かわいい夏の要素のベクター素材 (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="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="金色の卒業帽ベクター素材(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="黒と白のスタイルの山アイコン ベクター素材 (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="異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(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="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> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </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"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1721258848"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>