Heim  >  Artikel  >  Web-Frontend  >  Beschreibung der HTML-Tag-Liste (Funktionssortierung).

Beschreibung der HTML-Tag-Liste (Funktionssortierung).

高洛峰
高洛峰Original
2017-03-09 16:00:031383Durchsuche

In diesem Artikel geht es um die HTML-Tag-Liste (Funktionssortierung). HTML-Referenzhandbuch – (HTML5-Standard)

Funktionssortierung

Neu: HTML5 neues Tag

Tag Beschreibung
Grundlagen
Definieren Sie den Dokumenttyp.
Definieren Sie ein HTML-Dokument
</td> <td> als Dokument Definieren Sie einen Titel</td> </tr> <tr> <td><body></td> <td>Definieren Sie den Hauptteil des Dokuments</td> </tr> <tr> <td><h1> ;h6> </td> <td>Definieren Sie einen HTML-Titel</td> </tr> <tr> <td><p></td> <td>Definieren Sie einen Absatz</td> </tr> <tr> <td> <br> </td> <td>Definieren Sie einfache Zeilenumbrüche. </td> </tr> <tr> <td><hr></td> <td>Definieren Sie die horizontale Linie. </td> </tr> <tr> <td><!--...--></td> <td>Kommentar definieren</td> </tr> <tr> <td><strong>Format</strong></td> <td> </td> </tr> <tr> <td><acronym></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Die Definition übernimmt nur den ersten Buchstaben der Abkürzung. </span></td> </tr> <tr> <td><abbr></td> <td>Definieren Sie eine Abkürzung. </td> </tr> <tr> <td><address></td> <td>Definieren Sie die Kontaktinformationen für den Autor oder Eigentümer des Dokuments. </td> </tr> <tr> <td><b></td> <td>Definieren Sie fetten Text. </td> </tr> <tr> <td><bdi><span class="new">Neu</span> </td> <td> ermöglicht es Ihnen, einen Textabschnitt unabhängig von der Textrichtungseinstellung seines übergeordneten Elements festzulegen. </td> </tr> <tr> <td><bdo></td> <td>Definiert die Richtung des Textes. </td> </tr> <tr> <td><big></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Definieren Sie großen Text. </span></td> </tr> <tr> <td><blockquote></td> <td>Definieren Sie ein Blockzitat. </td> </tr> <tr> <td><center></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Definieren Sie zentrierten Text. </span></td> </tr> <tr> <td><zitieren></td> <td>Zitat definieren. </td> </tr> <tr> <td><code></td> <td>Computercodetext definieren. </td> </tr> <tr> <td><del></td> <td>Gelöschten Text definieren. </td> </tr> <tr> <td><dfn></td> <td>Definitionsdefinitionselement. </td> </tr> <tr> <td><em></td> <td>Definieren Sie hervorgehobenen Text. </td> </tr> <tr> <td><font></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Definieren Sie Schriftart, Größe und Farbe des Textes </span></td> </tr> <tr> <td><i></td> <td>Kursivschrift definieren. </td> </tr> <tr> <td><ins></td> <td> Definition wird in den Text eingefügt. </td> </tr> <tr> <td><kbd></td> <td>Tastaturtext definieren. </td> </tr> <tr> <td><markieren><span class="new">Neu</span> </td> <td>Text mit einer Markierung definieren. </td> </tr> <tr> <td><meter><span class="new">Neu</span> </td> <td>Gewichte und Maße definieren. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden. </td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></td> <td>Vorformatierten Text definieren</td> </tr> <tr> <td><progress><span class="new">Neu</span> </td> <td>Definieren Sie den Fortschritt (Prozess) der laufenden Aufgabe. </td> </tr> <tr> <td><q></td> <td>Definieren Sie kurze Anführungszeichen. </td> </tr> <tr> <td><rp><span class="new">Neu</span> </td> <td>Definieren Sie den Inhalt, der von Browsern angezeigt wird, die Ruby-Elemente nicht unterstützen. </td> </tr> <tr> <td><rt><span class="new">Neu</span> </td> <td> definiert die Interpretation oder Aussprache eines Zeichens (chinesische Lautschrift oder Schriftzeichen). </td> </tr> <tr> <td><ruby><span class="new">Neu</span> </td> <td>Ruby-Kommentare definieren (chinesische Phonetik oder Schriftzeichen). </td> </tr> <tr> <td><s></td> <td>Durchgestrichenen Text definieren. </td> </tr> <tr> <td><samp></td> <td>Definieren Sie ein Computercodebeispiel. </td> </tr> <tr> <td><small></td> <td>Kleinen Text definieren. </td> </tr> <tr> <td><strike></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Definiert durchgestrichenen Text. </span></td> </tr> <tr> <td><strong></td> <td>Definieren Sie Hervorhebungstext mit einem stärkeren Ton. </td> </tr> <tr> <td><sub></td> <td>Tiefgestellten Text definieren. </td> </tr> <tr> <td><sup></td> <td>Definieren Sie hochgestellten Text. </td> </tr> <tr> <td><time><span class="new">Neu</span> </td> <td>Datum/Uhrzeit festlegen </td> </tr> <tr> <td><tt> </td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Schreibmaschinentext definieren. </span></td> </tr> <tr> <td><u></td> <td>Unterstrichenen Text definieren. </td> </tr> <tr> <td><var></td> <td>Definieren Sie den variablen Teil des Textes. </td> </tr> <tr> <td><wbr><span class="new">Neu</span> </td> <td> gibt an, wo im Text ein Zeilenumbruch angebracht werden sollte. </td> </tr> <tr> <td><strong>Formular</strong></td> <td> </td> </tr> <tr> <td><form></td> <td>Definieren Sie ein HTML Formular für Benutzereingaben. </td> </tr> <tr> <td><input></td> <td>Definieren Sie ein Eingabesteuerelement</td> </tr> <tr> <td><textarea></td> <td>Definieren Sie mehrere Eingabesteuerung für Zeilentext. </td> </tr> <tr> <td><button></td> <td>Button definieren. </td> </tr> <tr> <td><select></td> <td>Definieren Sie eine Auswahlliste (Dropdown-Liste).</td> </tr> <tr> <td><optgroup></td> <td>Definiert eine Kombination verwandter Optionen in einer Auswahlliste. </td> </tr> <tr> <td><option></td> <td>Definieren Sie die Optionen in der Auswahlliste. </td> </tr> <tr> <td><label></td> <td>Definieren Sie die Beschriftung des Eingabeelements. </td> </tr> <tr> <td><fieldset></td> <td>Definiert den Rahmen um Elemente im Formular. </td> </tr> <tr> <td><legend></td> <td>Definieren Sie den Titel des Fieldset-Elements. </td> </tr> <tr> <td><datalist><span class="new">Neu</span> </td> <td> gibt eine Liste möglicher Optionen für das Eingabeelement an. </td> </tr> <tr> <td><keygen><span class="new">Neu</span> </td> <td>Gibt das Schlüsselpaargeneratorfeld an, das für das Formular verwendet werden soll. </td> </tr> <tr> <td><output><span class="new">Neu</span> </td> <td>Ein berechnetes Ergebnis definieren</td> </tr> <tr> <td><strong>Rahmen </strong></td> <td> </td> </tr> <tr> <td><frame></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Definiert das Fenster oder den Rahmen des Framesets. </span></td> </tr> <tr> <td><frameset></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Definieren Sie das Frameset. </span></td> </tr> <tr> <td><noframes></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. Definiert alternative Inhalte für Benutzer, die das Framework nicht unterstützen. </span></td> </tr> <tr> <td><iframe></td> <td>Definieren Sie einen Inline-Frame. </td> </tr> <tr> <td><strong>Bild</strong></td> <td> </td> </tr> <tr> <td><img></td> <td>Definieren Sie das Bild . </td> </tr> <tr> <td><map></td> <td>Definieren Sie die Bildkarte. </td> </tr> <tr> <td><area></td> <td>Definieren Sie den Bereich innerhalb der Bildkarte. </td> </tr> <tr> <td><canvas><span class="new">Neu</span> </td> <td> Zeichnen Sie Grafiken (wie Diagramme und andere Bilder) über Skripte (normalerweise JavaScript). </td> </tr> <tr> <td><figcaption><span class="new">Neu</span> </td> <td>Definieren Sie eine Beschriftung für ein <figure>-Element</td> </tr> <tr> <td><figure><span class="new">Neu</span> </td> <td>Der Figure-Tag wird zum Kombinieren von Elementen verwendet. </td> </tr> <tr> <td><strong>Audio/Video</strong></td> <td> </td> </tr> <tr> <td><audio><span class="new">Neu</span> </td> <td>Sounds definieren, z. B. Musik oder andere Audiostreams. </td> </tr> <tr> <td><source><span class="new">Neu</span> </td> <td>Definiert die Medienressource für die Medienelemente (<Video> und <Audio>). Medien</td> </tr> <tr> <td><track><span class="new">Neu</span> </td> <td> definiert eine externe Textspur für Medienelemente (<Video> und <Audio>). </td> </tr> <tr> <td><video><span class="new">Neu</span> </td> <td>Definieren Sie einen Audio- oder Video-Link </td> </tr> <tr> <td><strong> </strong></td> <td> </td> </tr> <tr> <td><a></td> <td>Link definieren </td> </tr> <tr> <td><link> </td> <td>Definieren Sie die Beziehung zwischen dem Dokument und externen Ressourcen. </td> </tr> <tr> <td><nav><span class="new">Neu</span> </td> <td>Navigationslinks definieren</td> </tr> <tr> <td><strong>Liste</strong></td> <td> </td> </tr> <tr> <td><ul></td> <td>Definieren Sie eine ungeordnete Liste</td> </tr> <tr> <td><ol> 🎜></td>Definieren Sie eine geordnete Liste<td></td> </tr> <tr><li><td></td>Definieren Sie ein Listenelement<td></td> </tr> <tr>< ;dir> ;<td></td> <td>HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Verzeichnisliste definieren. <span class="deprecated"></span> </td> </tr> <tr><dl><td></td>Definitionsliste definieren<td></td> </tr> <tr><dt><td></td>Definieren Sie eine Definition für ein Element in der Definitionsliste. <td></td> </tr> <tr><dd><td></td>Definieren Sie die Beschreibung des Elements in der Definitionsliste. <td></td> </tr> <tr><menu><td></td>Definieren Sie die Menüliste. <td></td> </tr> <tr><command><td>Neu<span class="new"></span> </td>Definiert einen Befehl, den der Benutzer aufrufen kann (z. B. ein Optionsfeld, ein Kontrollkästchen oder eine Schaltfläche). <td></td> </tr> <tr> <td>Tabelle<strong></strong> </td> <td></td> </tr> <tr><table><td></td>Definieren Sie eine Tabelle <td></td> </tr> <tr><caption><td></td>Definieren Sie den Tabellentitel. <td></td> </tr> <tr><th><td></td>Definieren Sie die Kopfzelle in der Tabelle. <td></td> </tr> <tr><tr><td></td>Definieren Sie die Zeilen in der Tabelle. <td></td> </tr> <tr><td><td></td>Definieren Sie die Zellen in der Tabelle. <td></td> </tr> <tr><thead><td></td>Definieren Sie den Header-Inhalt in der Tabelle. <td></td> </tr> <tr><tbody><td></td>Definieren Sie den Textinhalt in der Tabelle. <td></td> </tr> <tr><tfoot><td></td>Definieren Sie den Inhalt der Tabellennotiz (Fußnote) in der Tabelle. <td></td> </tr> <tr><col><td></td>Definieren Sie die Attributwerte einer oder mehrerer Spalten in der Tabelle. <td></td> </tr> <tr><colgroup><td></td>Definieren Sie die Spaltengruppe in der Tabelle für die Formatierung. Definition Informationen zum Dokumentstil. <td></td> </tr> <tr><p><td><strong>Definiert einen Abschnitt im Dokument. </strong></td> <td></td><span></tr> <tr>Definiert einen Abschnitt im Dokument.</tr> <tr> <td><header><span class="new">Neu</span> </td> <td>Dokumentkopfzeile definieren </td> </tr> <tr> <td><footer> ;<span class="new">Neu</span></td><td>Definiert ein Dokument unten </td></tr><tr><td><Abschnitt><span class="new">Neu</span> </td> <td>Definiert das Dokument A bestimmte Bereich von </td> </tr> <tr> <td><article><span class="new">Neu</span> </td> <td> definiert einen Artikelinhalt</td> </tr> <tr> <td>< ;aside><span class="new">Neu</span> </td> <td> definiert Inhalte außerhalb des Inhalts, in dem sie enthalten sind. </td> </tr> <tr> <td><details><span class="new">Neu</span> </td> <td> definiert zusätzliche Details von Anforderungen, die für den Benutzer sichtbar oder verborgen sind. </td> </tr> <tr> <td><dialog><span class="new">Neu</span> </td> <td>Dialogfeld oder Fenster definieren </td> </tr> <tr> <td><summary> ;<span class="new">Neu</span></td><td>Definieren Sie einen sichtbaren Titel. Detaillierte Informationen werden angezeigt, wenn der Benutzer auf den Titel klickt. </td></tr><tr><td><strong>Meta-Informationen</strong></td><td> </td></tr><tr><td><head></td> <td>Definition Über Dokumentinformationen </td> </tr> <tr> <td><meta></td> <td>Definieren Sie Metainformationen zum HTML-Dokument. </td> </tr> <tr> <td><base></td> <td>Definieren Sie die Standardadresse oder das Standardziel aller Links auf der Seite. </td> </tr> <tr> <td><basefont></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Definieren Sie die Standardschriftart, -farbe oder -größe für den Text auf der Seite. </span></td> </tr> <tr> <td><strong>Programm</strong></td> <td> </td> </tr> <tr> <td><script></td> <td> Client-Skript definieren. </td> </tr> <tr> <td><noscript></td> <td>Definieren Sie alternative Inhalte für Benutzer, die kein clientseitiges Scripting unterstützen. </td> </tr> <tr> <td><applet></td> <td><span class="deprecated">HTML5 wird nicht mehr unterstützt. HTML 4.01 ist veraltet. Definiert das eingebettete Applet. </span></td> </tr> <tr> <td><embed><span class="new">Neu</span> </td> <td> definiert einen Container zum Einbetten externer Anwendungen oder interaktiver Programme (Plug-Ins). </td> </tr> <tr> <td><object></td> <td>Definieren Sie das eingebettete Objekt. </td> </tr> <tr> <td><param></td> <td>Definieren Sie die Parameter des Objekts. </td> </tr> </tbody></table> <p>www.zuiuren.com<br>www.foodtvl.com<br>www.0539g.com<br>www.linyiwuliu.cn<br>www.jusho .com<br>www.shanghaidishinigonglue.com<br>www.linyixiaoshangpincheng.cn<br>www.linyizhuangshi.cn<br>www.pipixiaa.com<br>linyiwangluogongsi.cn<br>www.jusho.cn<br>www.linyidaikuan.cn<br>www.linyibanjiagongsi.cn<br>www.linyiwangzhantuiguang.cn<br>www.linyitesexiaochi.cn</p> <p> </p><p>Das obige ist der detaillierte Inhalt vonBeschreibung der HTML-Tag-Liste (Funktionssortierung).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="So zentrieren Sie die Schaltfläche" href="http://m.php.cn/de/faq/355561.html">So zentrieren Sie die Schaltfläche</a></span><span>Nächster Artikel:<a class="dBlack" title="So zentrieren Sie die Schaltfläche" href="http://m.php.cn/de/faq/355716.html">So zentrieren Sie die Schaltfläche</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>