Analyse complète de la structure du document HTML5 et des nouvelles balises-Tutoriel H5-php.cn

Cet article présente principalement la structure du document HTML5 et l'analyse complète de la nouvelle balise Les amis dans le besoin peuvent se référer à

un. Structure du document HTML5

1. Première étape : ouvrez les outils de développement et ouvrez le dossier spécifié

2. .html est le suffixe de la page Web ;

3. Étape 3 : Commencez à écrire le format de base de HTML5.

<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始。1. 
<head> //包含文档元数据开始
<meta charset="utf-8"> //声明字符编码
<title>基本结构</title> //设置文档标题
</head> //包含文档元数据结束
<body> //表示 HTML 文档内容
<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签）
</body> //表示 HTML
</html> //表示 HTML 文档结束

Copier après la connexion

2. Analyse de la structure du document

1.Doctype

Déclaration de type de document (

Document Déclaration de type, également appelée Doctype ). Il indique essentiellement au navigateur le type de fichier affiché. Dans les précédents HTML4.01 et XHTML1.0, il représentait une version et un style HTML spécifiques.
Désormais, HTML5 n'a plus besoin d'exprimer la version et le style.
//Non sensible à la casse

Élément 2.html

Tout d'abord, élément signifie étiquette, élément html C'est-à-dire des balises HTML. Les éléments HTML sont les éléments qui commencent et terminent le document. Il s'agit d'une double étiquette, dont le début et la fin se font écho et qui contiennent du contenu.

Cet élément a un

attribut et une valeur : lang="zh-cn", indique que la langue du document est : Chinois simplifié.
//Si c'est de l'anglais, c'est en'

Page chinoise simplifiée : html lang=zh-cmn-Hans

Page chinoise traditionnelle : html lang=zh-cmn-Hant
Page anglaise : html lang=en

L'élément 3.head

est utilisé pour contenir le contenu des métadonnées , métadonnées Les données incluent : , ,

, <p><style>, <title>. Ces contenus sont utilisés par le navigateur pour fournir des informations, telles qu'un lien fournissant des informations CSS, un script<br/> fournissant des informations <br/>JavaScript<a href="http://www.php.cn/wiki/48.html" target="_blank">, un titre fournissant le titre de la page, etc. </a><head>...</head> //Cette information n'est pas visible sur la page <br/></p> L'élément <noscript> pas exécuté. <p></p>Cette balise peut être utilisée dans les navigateurs qui reconnaissent la balise <script> mais ne peuvent pas prendre en charge le script qu'elle contient. <p></p><p>Élément 4.meta <strong></strong></p>Cet élément est utilisé pour fournir des informations sur le document. La structure de départ a un attribut : charset="utf8". Indique <p> pour indiquer au navigateur quel encodage la page utilise. De manière générale, nous utilisons utf8. Bien sûr, lorsque le fichier est enregistré, il s'agit également de <br/>utf8, et le navigateur configure également utf8 pour afficher correctement le chinois. <br/><meta charset="utf-8"> //En plus de définir l'encodage, il y a d'autres choses <br/></p><p>5.élément titre <strong></strong></p> Cet élément est très simple, comme son nom l'indique : définissez le titre dans le coin supérieur gauche du navigateur. <p><title>Structure de base</title><br/></p><p>L'élément 6.body <strong></strong></p> est un élément utilisé pour contenir le contenu du document, qui est le zone visible de la partie navigateur. Tout le contenu visible doit être ajouté à l'intérieur de cet élément <p>. <br/></p><body>...</body><p></p><p>7.a Élément <strong></strong></p>Un lien hypertexte, qui sera discuté en détail plus tard . <p></p><a href="http://www.baidu.com">Baidu</a><p></p><p><span style="color: #ff0000">Trois. Discussion sur les balises d'éléments <strong></strong></span></p>HTML est un langage de balisage, et nous venons de discuter de la structure en détail. Analysons ici comment sont composées ces <p> « marques » ou « balises », qui sont souvent appelées « éléments » à l’écrit. <br/></p><p>1. Élément L'élément <strong></strong></p> est un ensemble de balises qui indiquent au navigateur comment traiter certains contenus. Chaque élément a un mot-clé, tel que <p><body>, <title>, <meta> Différents noms de balises représentent différentes significations. Les balises de paragraphe, les balises de texte, les balises de lien, les <br/>balises d'image<a href="http://www.php.cn/code/5945.html" target="_blank">, etc. seront impliquées plus tard. Les éléments </a></p> sont généralement divisés en deux types : balise simple (élément vide) et balise double. Les balises simples sont généralement utilisées pour déclarer ou insérer un certain élément <p>. Par exemple, utilisez <meta> pour déclarer le codage des caractères, et utilisez <img> région et incluez-la, comme le paragraphe <p>...</p>. <br/></p><p>2. Attributs et valeurs <strong></strong></p> En plus des éléments impairs et pairs, des attributs et des valeurs peuvent également être définis à l'intérieur de l'élément. Ces valeurs d'attribut sont utilisées pour modifier certains <p></p> aspects du <p>comportement<a href="http://www.php.cn/php/php-tp-behavior.html" target="_blank"> de l'élément. Par exemple, dans l'attribut href du lien hypertexte : <a>, vous pouvez créer un lien vers différents sites Web en remplaçant l'URL qu'il contient. </a></p><p><span style="color: #ff0000">4. Entité<strong></strong></span><p>HTML 实体就是将有特殊意义的字符通过实体代码显示出来。</p><p>显示结果实体名称实体编号描述</p><p> 空格</p><p>< < < 小于号<br/>> > > 大于号<br/>& & & 和号<br/>" " " 引号<br/>' ' ' 撇号<br/>￠ ¢ ¢ 分<br/>£ £ £ 镑<br/>¥ ¥ ¥ 日圆 <br/>€ € € 欧元<br/>§ § § 小节<br/>© © © 版权<br/>® ® ® 注册商标<br/>™ ™ ™ 商标<br/>× × × 乘号<br/>÷ ÷ ÷ 除号</p><p><span style="color: #ff0000"><strong>五. 新增结构标签</strong></span></p><p>article元素</p><p>表示页面中一块与上下文不相关的独立内容。比如一篇文章,一篇博文,一篇论坛帖子,可以嵌套使用的</p><p>section元素</p><p>表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中<section>……</section>;HTML4 中<p> ……</p>。</p><p>aside元素</p><p>表示article元素内容之外的、与article元素内容相关的辅助信息。</p><p>header元素</p><p>表示页面中一个内容区块或真个页面的标题。</p><p>hgroup元素</p><p>表示对真个页面或页面中的一个内容区块的标题进行组合。</p><p>footer元素</p><p>表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。</p><p>nav元素</p><p>表示页面中<a href="http://www.php.cn/code/9303.html" target="_blank">导航</a>链接的部分。</p><p>figure元素</p><p>表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><figure> <figcaption>PRC</figcaption> <p>The People&#39;s Republic of China was born in 1949</p> </figure></pre><div class="contentsignin">Copier après la connexion</div></div><p><span style="color: #ff0000"><strong>五．元数据</strong></span></p><p><meta>元素可以定义文档中的各种元数据，而且一个 HTML 页面可以包含多个<meta><br/>元素。</p><p><strong>1.指定名/值元数据对</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><meta name="author" content="bnbbs"> <meta name="description" content="这是一个 HTML5 页面"> <meta name="keywords" content="html5,css3,响应式"> <meta name="generator" content="sublime text 3"></pre><div class="contentsignin">Copier après la connexion</div></div><p>元数据名称说明</p><p>author 当前页面的作者</p><p>description 当前页面的描述</p><p>keywords 当前页面的关键字</p><p>generator 当前页面的编码工具</p><p><strong>2.声明字符编码</strong></p><p><meta charset="utf-8"></p><p><strong>3.模拟 HTTP 标头字段</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">//5 秒跳转到指定 URL <meta http-equiv="refresh" content="5;http://li.cc"> //另一种声明字符编码 <meta http-equiv="content-type" content="text/html charset=utf-8"></pre><div class="contentsignin">Copier après la connexion</div></div><p>属性值说明</p><p>refresh 重新载入当前页面，或指定一个 URL。单位秒。<br/>content-type 另一种声明字符编码的方式</p><p><span style="color: #ff0000"><strong>六．<a href="http://www.php.cn/code/5845.html" target="_blank">全局属性</a></strong></span></p><p>在此之前，我们涉及到的元素都讲解了它的局部数据，当然也知道一些全局属性，比如</p><p>id。全局属性是所有元素共有的行为，HTML5 还提供了一些其他的全局属性。</p><p><strong>1.id 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p id="abc">段落</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释： id 属性给元素分配一个唯一标识符。这种标识符通常用来给 CSS 和 JavaScript</p><p>调用选择元素。一个页面只能出现一次同一个 id 名称。</p><p><strong>2.<a href="http://www.php.cn/wiki/164.html" target="_blank">class</a> 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p class="abc">段落</p> <p class="abc">段落</p> <p class="abc">段落</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：class 属性用来给元素归类。通过是文档中某一个或多个元素同时设置 CSS 样<br/>式。</p><p><strong>3.accesskey 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input type="text" name="user" accesskey="n"></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：快捷键操作，windows 下 alt+指定键，前提是浏览器 alt 并不冲突。</p><p><strong>4.contenteditable 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p contenteditable="true">我可以修改吗</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：让文本处于可编辑<a href="http://www.php.cn/code/8243.html" target="_blank">状态</a>，设置 true 则可以编辑，false 则不可编辑。或者直接</p><p>设置属性。</p><p><strong>5.<a href="http://www.php.cn/wiki/1275.html" target="_blank">dir</a> 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p dir="rtl">文字到右边了</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：让文本从左到右（ltr），还是从右到左（rtl）。</p><p><strong>6.hidden 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p hidden>文字到右边了</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：隐藏元素。</p><p><strong>7.lang 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p lang="en">HTML5</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：可以局部设置语言。</p><p><strong>8.title 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p title="HTML5 教程">HTML5</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：对元素的内容进行额外的提示。</p><p><strong>9.tabindex 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input type="text" name="user" tabindex="2"> <input type="text" name="user" tabindex="1"></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：表单中按下 tab 键，实现获取焦点的顺序。如果是-1，则不会被选中。</p><p><strong>10.style 属性</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p style="color:red;">CSS 样式</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>解释：设置元素行内 CSS 样式。</p><p><span style="color: #ff0000"><strong>七．<a href="http://www.php.cn/html5/html5-3-mip-normal.html" target="_blank">其它</a>新增标签</strong></span></p><p><strong>1.details</strong></p><p>定义和用法</p><p><details> 标签用于描述文档或文档某个部分的细节。</p><p>目前只有 <a href="http://www.php.cn/wiki/1332.html" target="_blank">Chr</a>ome 支持 <details> 标签。</p><p><strong>2.embed</strong><br/></p><p><embed> 标签定义嵌入的内容，定义外部交互内容或插件。<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">HTML5: <embed src="horse.wav" /></pre><div class="contentsignin">Copier après la connexion</div></div><p>HTML4:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><object data="flash.swf" type="application/x-shockwave-flash"></object></pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>3.range </strong></p><p><strong>4.autofocus </strong></p><p><strong>5. mark</strong></p><p><mark>主要用来在视觉上向用户呈现那些需要突出的文字。<mark>标签的一个比较典型的应用就是在<a href="http://www.php.cn/code/8331.html" target="_blank">搜索</a>结果中向用户高亮显示搜索关键词。<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">HTML5: <mark></mark> HTML4: <span></span></pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>6. summary</strong></p><p><summary> 标签包含 details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。<br/>HTML5: <details><summary>HTML 5</summary>This document t<a href="http://www.php.cn/wiki/1047.html" target="_blank">each</a>es you everything you have to learn about HTML 5.</details><br/>HTML4: none</p><p><strong>7. deta<a href="http://www.php.cn/wiki/1059.html" target="_blank">list</a></strong></p><p><datalist> 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的<a href="http://www.php.cn/code/5988.html" target="_blank">下拉列表</a>。</p><p>datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。</p><p>请使用 input 元素的 list 属性来绑定 datalist。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist></pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>9. command</strong></p><p>表示命令<a href="http://www.php.cn/code/5991.html" target="_blank">按钮</a></p><p>只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><menu> <command onclick="alert(&#39;Hello World&#39;)"> Click Me!</command> </menu></pre><div class="contentsignin">Copier après la connexion</div></div><p><span style="color: #ff0000"><strong>八．废弃的标签</strong></span></p> <p>表现性元素</p> <p>basefont<br>big<br>center<br>font<br>s<br>strike<br>tt<br>u</p> <p>建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果</p> <p><a href="http://www.php.cn/css/css-rwd-frameworks.html" target="_blank">框架</a>类元素</p> <p>因框架有很多可用性及可访问性问题，HTML5规范将以下元素移除。</p> <p>frame<br>frameset<br>noframes</p> <p>但html5支持iframe。</p> <p>属性类</p> <p>很多表现性的属性也被新规范移除，如下：</p> <p>align</p> <p>body标签上的link、vlink、alink、text属性</p> <p>bgcolor</p> <p>height和width</p> <p>iframe元素上的scrolling属性</p> <p>valign</p> <p>hspace和vspace</p> <p>table标签上的cellpadding、cellspacing和border属性</p> <p>header标签上的pro<a href="http://www.php.cn/wiki/1313.html" target="_blank">file</a>属性</p> <p>链接标签a上的target属性</p> <p>img和iframe元素的longdesc属性</p> <p>abbr取代acronym（用于表示缩写）</p> <p>object取代了applet</p> <p>ul取代了dir</p> <p>其他</p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/fr/search?word=html5，文档结构，新增标签" target="_blank">HTML5，文档结构，新增标签</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/fr/faq/360770.html" title="Apprentissage par glisser-déposer HTML5 et exemple de code complet"> <span>Article précédent：Apprentissage par glisser-déposer HTML5 et exemple de code complet</span> </a> <a href="http://www.php.cn/fr/faq/360806.html" title="Explication détaillée du code de la nouvelle fonctionnalité HTML5 multithread (Worker SharedWorker)"> <span>Article suivant：Explication détaillée du code de la nouvelle fonctionnalité HTML5 multithread (Worker SharedWorker)</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter 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">Derniers articles par auteur</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/fr/faq/377601.html">Matériel vidéo sur la création de votre propre framework PHP à partir de zéro</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="http://www.php.cn/fr/faq/377137.html">Exemple d'analyse de la façon dont PHPMailer utilise la boîte aux lettres QQ pour compléter la fonction d'envoi d'e-mails</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="http://www.php.cn/fr/faq/376186.html">Introduction à la façon de recevoir des e-mails en IMAP en php</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="http://www.php.cn/fr/faq/375194.html">Exemple de mise en œuvre rapide de la déduplication de tableau en 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="http://www.php.cn/fr/faq/369412.html">Résumé de l'utilisation de tous les attributs de la balise <a> en html</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="http://www.php.cn/fr/faq/379971.html">Résumé des connaissances de base de PHP (nécessaire aux débutants pour débuter)</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="http://www.php.cn/fr/faq/381607.html">Introduction à l'utilisation de typeof en JavaScript</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="http://www.php.cn/fr/faq/382066.html">Introduction à l'utilisation de la méthode confirm() en JavaScript</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="http://www.php.cn/fr/faq/357705.html">Une introduction détaillée à l'attribut 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="http://www.php.cn/fr/faq/380149.html">Comment implémenter la sélection unique, la sélection multiple et la sélection inversée dans les formulaires dans ReactJS</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/fr/wenda/176411.html" target="_blank" title="function_exists() ne peut pas déterminer la fonction personnalisée" class="wdcdcTitle">function_exists() ne peut pas déterminer la fonction personnalisée</a> <a href="http://www.php.cn/fr/wenda/176411.html" class="wdcdcCons">Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-29 11:01: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>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1938</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/fr/wenda/176410.html" target="_blank" title="Comment afficher la version mobile de Google Chrome" class="wdcdcTitle">Comment afficher la version mobile de Google Chrome</a> <a href="http://www.php.cn/fr/wenda/176410.html" class="wdcdcCons">Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-23 00:22: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>10</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2110</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/fr/wenda/176407.html" target="_blank" title="La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas." class="wdcdcTitle">La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas.</a> <a href="http://www.php.cn/fr/wenda/176407.html" class="wdcdcCons">Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-19 15:37:47</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>1778</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/fr/wenda/176406.html" target="_blank" title="Il n'y a aucune sortie dans la fenêtre parent" class="wdcdcTitle">Il n'y a aucune sortie dans la fenêtre parent</a> <a href="http://www.php.cn/fr/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-18 23:52:34</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>1679</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/fr/wenda/176405.html" target="_blank" title="Où sont les didacticiels sur la cartographie mentale CSS ?" class="wdcdcTitle">Où sont les didacticiels sur la cartographie mentale CSS ?</a> <a href="http://www.php.cn/fr/wenda/176405.html" class="wdcdcCons">Didacticiel</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-16 10:10:18</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1690</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Rubriques connexes</div> <a href="http://www.php.cn/fr/faq/zt" target="_blank">Plus> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelles sont les méthodes de production de production d'animation html5 ?" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/html5dhzzynxz" class="title-a-spanl" title="Quelles sont les méthodes de production de production d'animation html5 ?"><span>Quelles sont les méthodes de production de production d'animation html5 ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La différence entre HTML et HTML5" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/htmlyhtmldeqb" class="title-a-spanl" title="La différence entre HTML et HTML5"><span>La différence entre HTML et HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/htmlzmdqsjk"><img src="https://img.php.cn/upload/subject/202407/22/2024072212174121185.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment lire la base de données en HTML" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/htmlzmdqsjk" class="title-a-spanl" title="Comment lire la base de données en HTML"><span>Comment lire la base de données en HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/oracleqkbsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214185931762.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Oracle effacer les données du tableau" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/oracleqkbsj" class="title-a-spanl" title="Oracle effacer les données du tableau"><span>Oracle effacer les données du tableau</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/cmdzmyglysfyx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214142234068.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment exécuter cmd en tant qu'administrateur" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/cmdzmyglysfyx" class="title-a-spanl" title="Comment exécuter cmd en tant qu'administrateur"><span>Comment exécuter cmd en tant qu'administrateur</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/wifiytyssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072213301131723.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Que signifie le wifi désactivé ?" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/wifiytyssmys" class="title-a-spanl" title="Que signifie le wifi désactivé ?"><span>Que signifie le wifi désactivé ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/mysqlccyq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214051798684.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="MySQL change la méthode du moteur de stockage d'une table" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/mysqlccyq" class="title-a-spanl" title="MySQL change la méthode du moteur de stockage d'une table"><span>MySQL change la méthode du moteur de stockage d'une table</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/fr/faq/btcssmhfmsbsp"><img src="https://img.php.cn/upload/subject/202407/22/2024072213235131301.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Qu'est-ce que Bitcoin ? Est-ce légal ?" /> </a> <a target="_blank" href="http://www.php.cn/fr/faq/btcssmhfmsbsp" class="title-a-spanl" title="Qu'est-ce que Bitcoin ? Est-ce légal ?"><span>Qu'est-ce que Bitcoin ? Est-ce légal ?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Recommandations populaires</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="qu'est-ce que h5" href="http://www.php.cn/fr/faq/414835.html">qu'est-ce que h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée" href="http://www.php.cn/fr/faq/417718.html">Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quelles sont les nouvelles fonctionnalités de html5" href="http://www.php.cn/fr/faq/473125.html">Quelles sont les nouvelles fonctionnalités de html5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Qu'est-ce que la production de pages h5" href="http://www.php.cn/fr/faq/468382.html">Qu'est-ce que la production de pages h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quelle est la différence entre le programme h5 et le mini ?" href="http://www.php.cn/fr/faq/463311.html">Quelle est la différence entre le programme h5 et le mini ?</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript">

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

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