正しいドキュメント タイプを使用してください
ドキュメント タイプの宣言は HTML ドキュメントの最初の行にあります:
<!DOCTYPE html>
他のタグと同様に小文字を使用したい場合は、次のコードを使用できます。
<!doctype html>
要素名には小文字を使用してください
HTML5 の要素名には大文字と小文字を使用できます。
小文字の使用を推奨します:
大文字と小文字の混合スタイルは非常に悪いです。
開発者は通常、小文字を使用します (XHTML と同様)。
小文字のスタイルはより爽やかに見えます。
小文字は書きやすいです。
<section>
<p>これは段落です。 </p>
</section>
すべての HTML 要素を閉じる
HTML5 では、必ずしもすべての要素 (<p> 要素など) を閉じる必要はありませんが、閉じることをお勧めします。すべての要素に終了タグを追加します。
<section>
<p>これは段落です。 </p>
<p>これは段落です。 </p>
</section>
空の HTML 要素を閉じる
HTML5 では、空の HTML 要素を閉じる必要はありません:
次のように記述できます:
<meta charset = "utf-8">
は次のように記述することもできます:
<meta charset="utf-8" />
XHTML および XML ではスラッシュ (/) が必要です。
XML ソフトウェアがページを使用することが予想される場合は、このスタイルを使用するのが最適です。
小文字の属性名を使用する
HTML5 の属性名では、大文字と小文字を使用できます。
属性名には小文字を使用することをお勧めします:
大文字と小文字を同時に使用するのは非常に悪い習慣です。
開発者は通常、小文字を使用します (XHTML と同様)。
小文字のスタイルはより爽やかに見えます。
小文字は書きやすいです。
<div class="menu">
属性値
HTML5の属性値は引用符なしで使用できます。
属性値には引用符を使用することをお勧めします:
属性値にスペースが含まれる場合は、引用符を使用する必要があります。
スタイルを混合することはお勧めできません。スタイルを統一することをお勧めします。
属性値は引用符を使用すると読みやすくなります。
<table class="table Striped">
画像の属性
画像は通常、alt属性を使用します。 画像が表示できない場合、画像表示を代替することができます。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
画像のサイズを定義し、読み込み時に指定されたスペースを確保してちらつきを軽減します。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
スペースと等号
等号の前後にスペースを使用できますサイン。
<link rel = "stylesheet" href = "styles.css">
ただし、スペースは少なくすることをお勧めします:
<link rel="stylesheet" href="styles.css">
長すぎるコード行は避けてください
HTML エディターを使用する場合、コードを左右にスクロールするのは不便です。
コードの各行は 80 文字未満に抑えるようにしてください。
空白行とインデント
理由もなく空白行を追加しないでください。
読みやすくするために、各論理関数ブロックに空白行を追加します。
インデントには 2 つのスペースを使用します。TAB は推奨されません。
短いコードの間に不必要な空白行やインデントを使用しないでください。
<body>
<h1>php 中国語ウェブサイト</h1>
<h2></h2>
<p>php 中国語ウェブサイト、技術だけでなく夢も学べます。
php 中国語のウェブサイト、あなたが学ぶのは技術だけではなく、夢でもあります。
php 中国語のウェブサイト、あなたが学ぶのは技術だけではなく、夢でもあります。
php 中国語のウェブサイト、あなたが学ぶのは技術だけではなく、夢でもあります。 </p>
</body>
フォーム例:
<table>
<tr>
<th>名前</th>
>A</td> ;
<td>Aの説明</td>
</tr>
<tr> ;
<td>B</td>
<td>B の説明</td>
</ tr>
</ol>
省略<html> と <body>
標準の HTML5 では、<html> と <body> タグは省略できます。
次の HTML5 ドキュメントは正しいです:
<!DOCTYPE html>
<head>
<title>ページタイトル</title>
</head>
<h1>これはタイトルです</h1>
<p>これは段落です。 </p>
<html> タグと <body> タグを省略することはお勧めできません。
<head>?
標準の HTML5 では、<head> タグを省略できます。
デフォルトでは、ブラウザはデフォルトの <head> 要素の前にコンテンツを追加します。
head タグの省略はまだ推奨されていません。
メタデータ
HTML5
要素は必須です: </p><p><title>php 中国のウェブサイト</title></p><p>タイトルと言語を指定すると、検索エンジンがページのトピックをすぐに理解できるようになります: </p><p><!DOCTYPE html><br/><html lang="zh"><br/><head><br/> <meta charset="UTF-8" ><br/> <!-- これはコメントです--><br/></p>長いコメントは <!-- と --> の間に別の行に書くことができます: <p><strong><!-- <br/> これは長いコメントです。 これは長いレビューです。これは長いレビューです。 </strong> これは長いレビューです これは長いレビューです。 これは長いレビューです。 </p>---><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);"><p>長いコメントの最初の文字はスペース2つでインデントされ、読みやすくなります。 </p><p><strong><br/></strong></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">スタイルシート</p><p>スタイルシートは簡潔な構文形式を使用します(type属性は必要ありません):</p><p><link rel="stylesheet" href="styles.css"></p><p>短いルール1 行で記述することができます: </p><p>p.into {font-family: Verdana; font-size: 16em;}</p><p>長いルールは複数行で記述することができます: </p><p>body {<br/> background-color: lightgrey;<br/> font -family: " Arial Black"、Helvetica、sans-serif;<br/> font-size: 16em;<br/> color: black;<br/>}</p><p>左中括弧をセレクターと同じ行に配置します。 </p><p>左中括弧とセレクターの間にスペースを追加します。 </p><p>インデントにはスペースを 2 つ使用します。 </p><p>コロンと属性値の間にスペースを追加します。 </p><p>カンマや記号の後にはスペースを使用してください。 </p><p>各属性と値の末尾に記号を使用します。 </p><p>属性値にスペースが含まれる場合にのみ引用符を使用します。 </p><p>右中括弧を新しい行に置きます。 </p><p>1 行あたり最大 80 文字。 </p><p><br/></p><p><br/></p><p> 一般的なルールは、カンマとセミコロンの後にスペースを追加することです。 </p><p><br/></p><p><strong><br/></strong></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">HTMLでJavaScriptをロードします</p><p>外部スクリプトファイルをロードするには簡潔な構文を使用します(type属性は必要ありません):</p><p><script src="myscript.js"> ;</p><p><strong><br/> </strong></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">JavaScript を使用して HTML 要素にアクセスする</p><p> HTML の形式が不適切であると、JavaScript 実行エラーが発生する可能性があります。 </p><p>次の 2 つの JavaScript ステートメントは、異なる結果を出力します:</p><p>例</p><p>var obj = getElementById("Demo")<br/><br/>var obj = getElementById("demo")</p><p><br/>試してみる »</p><p> で JavaScript を使用してみるHTML 同じ命名規則。 </p><p><br/></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">ファイル名は小文字を使用してください</p><p>ほとんどの Web サーバー (Apache、Unix) では大文字と小文字が区別されます。London.jpg を介して london.jpg にアクセスすることはできません。 </p><p>他の Web サーバー (Microsoft、IIS) は大文字と小文字を区別しません。london.jpg には、London.jpg または london.jpg 経由でアクセスできます。 </p><p>一貫したスタイルを維持する必要があり、小文字のファイル名を一律に使用することをお勧めします。 </p><p><strong><br/></strong></p><p><br/></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">ファイル拡張子</p><p>HTMLファイルの拡張子は.html (またはr .htm)です。 </p><p>CSS ファイルの拡張子は .css です。 </p><p>JavaScript ファイルの拡張子は .js です。 </p><p><strong><br/></strong></p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);"> .htm と .html の違い </p><p> .htm と .html の拡張子ファイルには本質的に違いはありません。ブラウザーと Web サーバーは両方とも、これらを HTML ファイルとして扱います。 </p><p>の違いは次のとおりです: </p><p>.htm は初期の DOS システムで使用されており、現在システムには 3 文字しかありません。 </p><p> Unix システムのサフィックスには特別な制限はなく、一般に .html が使用されます。 </p><p style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">技術的な違い</p><p> URL でファイル名が指定されていない場合 (http://www.php.cn/css/ など)、サーバーはデフォルトのファイル名を返します。通常、デフォルトのファイル名は、index.html、index.htm、default.html、default.htm です。 </p><p>サーバーがデフォルトのファイルとして「index.html」のみを使用して構成されている場合は、ファイルに「index.htm」ではなく「index.html」という名前を付ける必要があります。 </p><p>ただし、通常、サーバーは複数のデフォルトファイルを設定できますが、必要に応じてデフォルトファイルを設定できますか。 </p><p><strong>とにかく、HTMLの完全な接尾辞は「.html」です。 </strong></p><p><strong><br/></strong><br/></p> </div>
</div>
<a class="course-btn course_code_header_next" href="http://www.php.cn/ja">学び続ける</a>
</div>
<div class="layui-col-md6 editor-box" >
<div id="code_spread_shrink">
<div id="code_spread_shrink_show" unselectable="on"><span>|| </span></div>
</div>
<div class="editor-tab js-editor-tab">
<div class="editor-left icon-left editor-op"></div>
<div class="editor-view">
<ul class="clearfix" id="J_TabType" style="width: 120px; margin-left: 0px;">
<li class="ui-tabs-active">
<a href="javascript:;">新しいファイル</a>
</li>
</ul>
</div>
<div class="editor-right icon-right editor-op"></div>
</div>
<div id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;height:600px"><!DOCTYPE html> <!-- HTML5 doctype 标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现-->
<html lang="zh-CN"> <!-- 语言属性 有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等 -->
<head>
<!-- 字符编码 通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式 -->
<meta charset="UTF-8">
<!-- IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。
除非有强烈的特殊需求，否则最好是设置为 edge mode，从而通知 IE 采用其所支持的最新的模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Page title</title>
<!-- External CSS 根据 HTML5 规范，在引入 CSS 文件时一般不需要指定 type 属性，因为 text/css 是它的默认值 -->
<link rel="stylesheet" href="code-guide.css">
<!-- In-document CSS -->
<style>
/* ... */
</style>
<!-- JavaScript 根据 HTML5 规范，在引入 JavaScript 文件时一般不需要指定 type 属性，因为 text/javascript 是它的默认值 -->
<script src="code-guide.js"></script>
</head>
<body>
<!-- 属性顺序 HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。
class
id, name
data-*
src, for, type, href
title, alt
aria-*, role
class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位 -->
<a class="..." id="..." data-modal="toggle" href="#">
Example link
</a>
<br><br>
<input class="form-control" type="text">
<br><br>
<img src="..." alt="...">
<br><br>
<!-- 布尔（boolean）型属性 不用赋值 元素的布尔型属性如果有值，就是 true，如果没有值，就是 false -->
<select>
<option value="1" selected>1</option>
</select>
<br><br>
<!-- JavaScript 放在 body 底部加载可增快页面渲染速度 -->
<script src="code-guide.js"></script>
</body>
</html></div>
<div class="editor-btn"><div class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit" id="J_Commit" title="提出する">提出する</a><a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="リセットコード">リセットコード</a><div class="aotorun" style="display: block;"><input type="checkbox" id="aotoruncheck" title="選択すると、コードの変更が自動的に有効になります。チェックを外した場合、有効にするために送信が必要です"><label for="aotoruncheck" title="選択すると、コードの変更が自動的に有効になります。チェックを外した場合、有効にするために送信が必要です">自動運転</label></div></div></div>
</div>
<div class="layui-col-md3" id="viewPort-content"></div>
<!-- 右侧章节列表 -->
</div>
</div>
<div class="phpSyyBox">
<div class="phpSyyLeft">
<div class="phpSyySyj">
<span class="right"><a href="http://www.php.cn/ja/code/855.html" title="HTML5 サーバー送信イベント"><b class="icon3"></b>前のセクション</a></span>
<em></em>
<span class="rightIn"><a href="javascript:void(0)" title="なし"><b class="icon4"></b>なし</a></span>
</div>
<div class="phpSyyQhlx"><a href="http://www.php.cn/ja/course.html" target="_blank" title="チュートリアルリスト"><b></b>チュートリアルリスト</a></div>
<div class="phpSyyHqbz"><a href="http://www.php.cn/ja/wenda.html" target="_blank" title="ヘルプの取得"><b></b>ヘルプの取得</a></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="layui-main">
<div class="layui-row">
<div class="layui-col-md9">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">おすすめコース</li>
<li id="code_down_li">コースウェアのダウンロード</li>
</ul>
<div class="layui-tab-content">
<!--推荐课程-->
<div class="layui-tab-item layui-show">
<ul class="diy-vodeo diy-li-left php-video-ul">
<li>
<a href='http://www.php.cn/ja/course/1512.html' title="Imperial CMS エンタープライズ模倣 Web サイトのチュートリアル" >
<img alt="Imperial CMS エンタープライズ模倣 Web サイトのチュートリアル" src="https://img.php.cn/upload/course/000/000/068/63c64f278df45107.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>Imperial CMS エンタープライズ模倣 Web サイトのチュートリアル</h3>
</div>
<div class="php-course-bottom">
<span class="l">3048 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1511.html' title="WordPress の基礎がまったくない初心者が個人のブログや企業 Web サイトを構築する" >
<img alt="WordPress の基礎がまったくない初心者が個人のブログや企業 Web サイトを構築する" src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>WordPress の基礎がまったくない初心者が個人のブログや企業 Web サイトを構築する</h3>
</div>
<div class="php-course-bottom">
<span class="l">6743 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1510.html' title="究極のCMSゼロベースWebサイト構築解説ビデオ" >
<img alt="究極のCMSゼロベースWebサイト構築解説ビデオ" src="https://img.php.cn/upload/course/000/000/068/63c251a5378af408.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>究極のCMSゼロベースWebサイト構築解説ビデオ</h3>
</div>
<div class="php-course-bottom">
<span class="l">2724 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1509.html' title="フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]" >
<img alt="フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]" src="https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]</h3>
</div>
<div class="php-course-bottom">
<span class="l">3117 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1508.html' title="Vue3.0 を 0 から構築してユニバーサル バックエンド管理システム プロジェクトの実践を構築" >
<img alt="Vue3.0 を 0 から構築してユニバーサル バックエンド管理システム プロジェクトの実践を構築" src="https://img.php.cn/upload/course/000/000/068/63be61f9c82a1759.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>中級</i>Vue3.0 を 0 から構築してユニバーサル バックエンド管理システム プロジェクトの実践を構築</h3>
</div>
<div class="php-course-bottom">
<span class="l">5351 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1507.html' title="ゼロベースフロントエンド講座【Vueの高度な学習と実践】" >
<img alt="ゼロベースフロントエンド講座【Vueの高度な学習と実践】" src="https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>ゼロベースフロントエンド講座【Vueの高度な学習と実践】</h3>
</div>
<div class="php-course-bottom">
<span class="l">2821 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1506.html' title="WEBフロントエンドチュートリアル【HTML5+CSS3+JS】" >
<img alt="WEBフロントエンドチュートリアル【HTML5+CSS3+JS】" src="https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>WEBフロントエンドチュートリアル【HTML5+CSS3+JS】</h3>
</div>
<div class="php-course-bottom">
<span class="l">3506 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1505.html' title="apipost の簡単な紹介" >
<img alt="apipost の簡単な紹介" src="https://img.php.cn/upload/course/000/000/068/63ba2353a41cb905.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>apipost の簡単な紹介</h3>
</div>
<div class="php-course-bottom">
<span class="l">2161 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1504.html' title="Vue3+TypeScript 実践チュートリアル - エンタープライズレベルのプロジェクト演習" >
<img alt="Vue3+TypeScript 実践チュートリアル - エンタープライズレベルのプロジェクト演習" src="https://img.php.cn/upload/course/000/000/068/63b69dd843d7b834.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>中級</i>Vue3+TypeScript 実践チュートリアル - エンタープライズレベルのプロジェクト演習</h3>
</div>
<div class="php-course-bottom">
<span class="l">3208 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1503.html' title="PHP でビジネスを始めることについて簡単に説明しましょう" >
<img alt="PHP でビジネスを始めることについて簡単に説明しましょう" src="https://img.php.cn/upload/course/000/000/067/64be3549bab29833.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>PHP でビジネスを始めることについて簡単に説明しましょう</h3>
</div>
<div class="php-course-bottom">
<span class="l">17423 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1502.html' title="VUE eコマースプロジェクト（フロントエンド＆バックエンドのデュアルプロジェクト実戦）" >
<img alt="VUE eコマースプロジェクト（フロントエンド＆バックエンドのデュアルプロジェクト実戦）" src="https://img.php.cn/upload/course/000/000/068/63b520c41cc82797.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>中級</i>VUE eコマースプロジェクト（フロントエンド＆バックエンドのデュアルプロジェクト実戦）</h3>
</div>
<div class="php-course-bottom">
<span class="l">3828 人が視聴しています</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ja/course/1501.html' title="Apipost 実用化 [API、インターフェース、自動テスト、モック]" >
<img alt="Apipost 実用化 [API、インターフェース、自動テスト、モック]" src="https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>初級</i>Apipost 実用化 [API、インターフェース、自動テスト、モック]</h3>
</div>
<div class="php-course-bottom">
<span class="l">2265 人が視聴しています</span>
</div>
</a>
</li>
</ul>
</div>
<div class="layui-tab-item">
<div id="code_down" style="margin: 0 30px 26px;">
<div class="no_data" style="text-align: center;min-height: 490px;line-height:112px;padding: 190px 0;box-sizing: border-box;color: #e3e3e3;font-size: 20px;"><div style="background: url(/static/images/lesson_video_lists.png) no-repeat;margin-right: 20px;width: 118px;height: 112px;background-position: 0 -389px;float:left;"></div>
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md3 video-right-course">
<div class="layui-col-md12 title" >
<p>このコースを視聴した生徒はこちらも学んでいます</p>
</div>
<div class="layui-col-md12 php-video-img" >
<a class="recommend" href="http://www.php.cn/ja/course/812.html" target="_blank"><img width='300' height='160' src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"><span class="font14"> 492130 回再生</span></a>
</div>
<div class="layui-col-md12 php-video-list" >
<ul>
<li><a class="font14 color66" title="PHP でビジネスを始めることについて簡単に説明しましょう" href="http://www.php.cn/ja/course/1503.html" target="_blank">PHP でビジネスを始めることについて簡単に説明しましょう</a></li>
<li><a class="font14 color66" title="Web フロントエンド開発の簡単な紹介" href="http://www.php.cn/ja/course/901.html" target="_blank">Web フロントエンド開発の簡単な紹介</a></li>
<li><a class="font14 color66" title="恥ずかしいことの百科事典サイトを模倣したミニ版MVCフレームワークの大規模実践天龍宝開発" href="http://www.php.cn/ja/course/836.html" target="_blank">恥ずかしいことの百科事典サイトを模倣したミニ版MVCフレームワークの大規模実践天龍宝開発</a></li>
<li><a class="font14 color66" title="PHP 実践開発入門: PHP クイック作成 [中小企業フォーラム]" href="http://www.php.cn/ja/course/902.html" target="_blank">PHP 実践開発入門: PHP クイック作成 [中小企業フォーラム]</a></li>
<li><a class="font14 color66" title="ログイン認証と従来の掲示板" href="http://www.php.cn/ja/course/866.html" target="_blank">ログイン認証と従来の掲示板</a></li>
<li><a class="font14 color66" title="コンピュータネットワークの知識収集" href="http://www.php.cn/ja/course/1463.html" target="_blank">コンピュータネットワークの知識収集</a></li>
<li><a class="font14 color66" title="クイックスタート Node.JS フルバージョン" href="http://www.php.cn/ja/course/1462.html" target="_blank">クイックスタート Node.JS フルバージョン</a></li>
<li><a class="font14 color66" title="あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル]" href="http://www.php.cn/ja/course/1455.html" target="_blank">あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル]</a></li>
<li><a class="font14 color66" title="独自の PHP MVC フレームワークを作成する (40 章の詳細/詳細/初心者が先に進むには必読)" href="http://www.php.cn/ja/course/1467.html" target="_blank">独自の PHP MVC フレームワークを作成する (40 章の詳細/詳細/初心者が先に進むには必読)</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpcn-modal-layer fixed" style="z-index:9004;visibility:visible;opacity:1;display:none;">
<div class="phpcn-modal-title">
<div class="phpcn-modal-draggable dragging">
<span>注</span>
<a href="javascript:void(0)" class="phpcn-icon-close phpcn-modal-close js-modal-close">X</a>
</div>
</div>
<div class="phpcn-modal-inner">
<div class="phpcn-modal-dialog">
</div>
</div>
</div>
<script id="noteTpl" type="text/html">
<div class="note-pop">
<div id="js-note-input-fake" class="textarea-wrap">
<textarea data-maxlength="1000" id="js-note-textarea" class="js-placeholder" name="" placeholder="内容を入力してください"></textarea>
<p class="note-text-counter"><span id="js-note-limit">0</span>/1000</p>
</div>
<div class="publish-note-btns input-btm clearfix">
<div class="verify-code clearfix"></div>
<input type="button" value="保存＃ホゾン＃" id="js-note-submit" class="phpcn-btn phpcn-btn-green r" data-media_id="861"/>
</div>
<a style="margin:30px 0 40px;float:right;color:red;border:1px solid red;padding:5px 10px;" href="/login" target="_blank">私のメモを見る</a>
</div>
</script>
<script id="askTpl" type="text/html">
<div class="qa-pop">
<div class="question-area">
<div class="qa-control qa-ipt-title">
<input type="text" id="js-qa-title" maxlength="255" class="js-placeholder autocomplete" placeholder="質問のタイトルを入力してください"/>
</div>
</div>
<div class="qa-control-wrap clearfix">
<div class="qa-control">
<div class="rich-text-editor" id="container"></div>
</div>
</div>
<div id="js-discuss-btm" class="discuss-bottom input-btm clearfix pop-footer">
<div class="verify-code clearfix">
<input type="text" maxlength="4" class="verify-code-ipt" placeholder="確認コードを入力してください"/>
<img class="verify-img-wrap js-verify-refresh" onclick="refreshVerify(this)" src="/captcha.html">
<a class="icon-refresh js-verify-refresh" hidefocus="true" title="リフレッシュ" href="javascript:refreshVerify('.js-verify-refresh')">リフレッシュ</a>
<span class="errtip"></span>
</div>
<input id="js-discuss-submit" class="r phpcn-btn phpcn-btn-green" type="button" value="リリース"/>
</div>
</div>
</script>
<script>isSpaceExe=true;</script>
<script src="/static/ueditor/ueditor.config.js"></script>
<script src="/static/ueditor/ueditor.user.all.js"></script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script src="/static/src-min-noconflict/ace.js"></script>
<script>learn = "861";</script>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="http://www.php.cn/ja/about/xieyi.html" rel="nofollow" target="_blank" title="私たちについて" class="cBlack">私たちについて</a>
<a href="http://www.php.cn/ja/about/yinsi.html" rel="nofollow" target="_blank" title="免責事項" class="cBlack">免責事項</a>
<a href="http://www.php.cn/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?1730874736"></script>
<script>$('.ylwTopBox').hover(function() { $(this).find('.ylwTopSub').show(); },function(){ $(this).find('.ylwTopSub').hide(); });</script>
</body>
</html>