Heim >Web-Frontend >HTML-Tutorial >Liste der gängigen HTML5-Syntax

Liste der gängigen HTML5-Syntax

不言
不言Original
2018-05-08 15:45:522189Durchsuche

这篇文章主要介绍了关于HTML5 常用语法一览,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

HTML 5 常用语法一览(列举不支持的属性)

HTML头部标记

标记 描述 HTML5标准
定义页面中所有链接的基准URL
</td> <td>设定显示在浏览器左上方的标题内容</td> <td><br></td> </tr> <tr> <td><isindex></td> <td>表明该文档是一个可用于检索的网关脚本</td> <td>不支持</td> </tr> <tr> <td><meta></td> <td>文档本身的元信息,例如查询关键词,有效期等</td> <td><br></td> </tr> <tr> <td><style></td> <td>设定CSS层叠样式表内容</td> <td><br></td> </tr> <tr> <td><link></td> <td>设定外部资源的链接</td> <td><br></td> </tr> <tr> <td><script></td> <td>页面脚本内容</td> <td><br></td> </tr> </tbody></table> <p> </p> <p><strong>元信息标记<meta>属性</strong></p> <table width="559" border="2"><tbody> <tr class="firstRow"> <td width="70">标记</td> <td>描述</td> <td>值</td> <td>HTML5标准</td> </tr> <tr> <td>http-equiv</td> <td><p>生成一个HTTP标准域,把Content属性关联到HTTP头部</p></td> <td><p>content-type / expires / refresh / set-cookie</p></td> <td><br></td> </tr> <tr> <td>name</td> <td><p>把content属性关联到一个名称</p></td> <td><p>author / description / keywords / generator /revised /others</p></td> <td><br></td> </tr> <tr> <td>content</td> <td>定义与http-equiv 或 name属性相关的元信息 关键字/值内容</td> <td><br></td> <td><br></td> </tr> <tr> <td>charset</td> <td>文档的字符编码</td> <td><br></td> <td>新增属性</td> </tr> </tbody></table> <p> </p> <p>注:HTML5中不支持scheme属性,新增charset属性,具体查看:HTML5 <meta>标签</p> <p> </p> <p><strong>HTML 主体标记<body>属性</strong></p> <table border="2"><tbody> <tr class="firstRow"> <td>属性</td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td>text</td> <td>设定页面文字颜色</td> <td>删除</td> </tr> <tr> <td>bgcolor</td> <td>设定页面背景颜色</td> <td>删除</td> </tr> <tr> <td>background</td> <td>设定页面背景图像</td> <td>删除</td> </tr> <tr> <td>bgproperties</td> <td>设定页面的背景图像为固定,不随页面的滚动而滚动</td> <td>删除</td> </tr> <tr> <td>link</td> <td>设定页面默认的链接颜色</td> <td>删除</td> </tr> <tr> <td>alink  </td> <td>设定鼠标正在单击时候的链接颜色  </td> <td>删除</td> </tr> <tr> <td>vlink  </td> <td>设定访问过后的链接颜色  </td> <td>删除</td> </tr> <tr> <td>topmargin  </td> <td>设定页面的上边距  </td> <td>删除</td> </tr> <tr> <td>leftmargin  </td> <td>设定页面的左边距</td> <td>删除</td> </tr> </tbody></table> <p> </p> <p>注: 在 HTML 5 中,删除了所有 <body> 的特殊属性。具体查看:HTML5 <body>标签</p> <p> </p> <p><strong> </strong> </p> <p><strong>特殊符号</strong></p> <table border="1"><tbody> <tr class="firstRow"> <td>特殊符号</td> <td>符号码</td> </tr> <tr> <td>"  </td> <td>"</td> </tr> <tr> <td>&</td> <td>&</td> </tr> <tr> <td><</td><td><</td></tr><tr><td>></td> <td>></td> </tr> <tr> <td>©</td> <td>©</td> </tr> <tr> <td>®</td> <td>®</td> </tr> <tr> <td>±</td> <td>±</td> </tr> <tr> <td>×</td> <td>×</td> </tr> <tr> <td>§</td> <td>§</td> </tr> <tr> <td>¢</td> <td>¢</td> </tr> <tr> <td>¥</td> <td>¥</td> </tr> <tr> <td>·</td> <td>·</td> </tr> <tr> <td><br></td> <td>€</td> </tr> <tr> <td>£</td> <td>£</td> </tr> <tr> <td>™</td> <td>™</td> </tr> </tbody></table> <p> </p> <p> </p> <p><strong>标题字标记</strong></p> <table border="1"><tbody> <tr class="firstRow"> <td>标记</td> <td>描述</td> </tr> <tr> <td><h1>.....</h1></td> <td>一级标题</td> </tr> <tr> <td><h2>.....</h2></td> <td>二级标题</td> </tr> <tr> <td><h3>.....</h3></td> <td>三级标题</td> </tr> <tr> <td><h4>.....</h4></td> <td>四级标题</td> </tr> <tr> <td><h5>.....</h5></td> <td>五级标题</td> </tr> <tr> <td><h6>.....</h6></td> <td>六级标题</td> </tr> </tbody></table> <p> </p> <p>Hinweis: Siehe speziell die HTML5-Tags <h1> </p> <p>In HTML 4.01 ist das „align“-Attribut von h1-h6-Elementen veraltet. </p> <p>In HTML 5 wird das „align“-Attribut von h1-h6-Elementen nicht unterstützt. <font>-Attribut </p> <p></p> <p>Hinweis: Bitte beachten Sie HTML 5 <font>-Tag <strong></strong> in HTML 4.01. </p> <table border="1"><tbody> <tr class="firstRow"> <td>标记</td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td><b></td> <td>粗体</td> <td><br></td> </tr> <tr> <td><strong></td> <td>粗体</td> <td><br></td> </tr> <tr> <td><i></td> <td>斜体</td> <td><br></td> </tr> <tr> <td><em></td> <td>斜体</td> <td><br></td> </tr> <tr> <td><cite></td> <td>斜体</td> <td><br></td> </tr> <tr> <td><sup></td> <td>上标</td> <td><br></td> </tr> <tr> <td><sub></td> <td>下标</td> <td><br></td> </tr> <tr> <td><big></td> <td>大字号</td> <td>不支持</td> </tr> <tr> <td><small></td> <td>小字号</td> <td>不支持</td> </tr> <tr> <td><u></td> <td>下划线</td> <td>不支持</td> </tr> <tr> <td><s></td> <td>删除线</td> <td>不支持</td> </tr> <tr> <td><strike></td> <td>删除线</td> <td>不支持</td> </tr> <tr> <td><address></td> <td>地址</td> <td><br></td> </tr> <tr> <td><tt></td> <td>打字机文字</td> <td>不支持</td> </tr> <tr> <td><blink></td> <td>闪烁文字(只适用Netscape浏览器)</td> <td>不支持</td> </tr> <tr> <td><code></td> <td>等宽</td> <td><br></td> </tr> <tr> <td><samp></td> <td>等宽</td> <td><br></td> </tr> <tr> <td><kbd></td> <td>键盘输入文字</td> <td><br></td> </tr> <tr> <td><var></td> <td>声明变量</td> <td><br></td> </tr> </tbody></table>In HTML 5 wird dieses Element nicht unterstützt, das Einfügen durch WYSIWYG-Editoren ist jedoch zulässig. <p></p>In HTML 5 wird nur das Style-Attribut unterstützt. <p></p> <p><strong></strong>Listenmarkierung</p> <table border="1"><tbody> <tr class="firstRow"> <td>属性</td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td>face</td> <td>字体</td> <td>不支持</td> </tr> <tr> <td>size</td> <td>字号</td> <td>不支持</td> </tr> <tr> <td>color</td> <td>颜色</td> <td>不支持</td> </tr> </tbody></table> <table border="1"><tbody> <tr class="firstRow"> <td>markierung</td> <td>Beschreibung</td> <td>HTML5-Standard</td> </tr> <tr> <td><ul></td> <td>Ungeordnete Liste</td> <td><br></td> </tr> <tr> <td><ol></td> <td>Geordnete Liste</td> <td><br></td> </tr> <td><dir></td> <td>Verzeichnisliste</td> <td>Nicht unterstützt</td> <tr> <td><dl></td> Definitionsliste<td><br></td> </tr> <tr> <td><menu></td> <td>Menüliste</td> <td>Re Definition; Verwenden Sie die verwendeten Tags, um die Formularsteuerelemente anzuordnen</td> </tr> <tr> <td><p><dt>, <dd></p></td> <td>definieren Sie die Liste td></td> <td><br></td> </tr> <tr> <td><li></td> <td>Markierungen für Listenelemente</td> <td><br></td> </tr> </tbody></table> <p> </p> <p></p>Hyperlink-Tag<p></p> <p></p>Link-Zielfenster-Attributziel<p> </p> <p> <strong></strong> </p> <table border="1"><tbody> <tr class="firstRow"> <td>标记</td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td><ul></td> <td>无序列表</td> <td><br></td> </tr> <tr> <td><ol></td> <td>有序列表</td> <td><br></td> </tr> <tr> <td><dir></td> <td>目录列表</td> <td>不支持</td> </tr> <tr> <td><dl></td> <td>定义列表</td> <td><br></td> </tr> <tr> <td><menu></td> <td>菜单列表</td> <td>重新定义;使用用于排列表单控件</td> </tr> <tr> <td><p><dt>、<dd></p></td> <td>定义列表的标记</td> <td><br></td> </tr> <tr> <td><li></td> <td>列表项目的标记</td> <td><br></td> </tr> </tbody></table> <p>Bild-Tag<img>Attribute</p> <p><strong><p>Bildanordnungsausrichtungsattributwert</p> <table border="1"><tbody> <tr class="firstRow"> <td>属性值</td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td>top</td> <td>文字的中间线在图片上方</td> <td> </td> </tr> <tr> <td>middle</td> <td>文字的中间线在图片中间</td> <td> </td> </tr> <tr> <td>bottom</td> <td>文字的中间线在图片底部</td> <td> </td> </tr> <tr> <td>left</td> <td>图片在文字的左侧</td> <td> </td> </tr> <tr> <td>right</td> <td>图片在文字的右侧</td> <td><br></td> </tr> <tr> <td>absbottom</td> <td>文字的底线在图片底部</td> <td><br></td> </tr> <tr> <td>absmiddle</td> <td>文字的底线在图片中间</td> <td><br></td> </tr> <tr> <td>baseline</td> <td>英文文字基准线对齐</td> <td><br></td> </tr> <tr> <td>texttop</td> <td>英文文字上边线对齐</td> <td><br></td> </tr> </tbody></table> <p> </p> <p>Hinweis: Bitte sehen Sie sich das HTML 5 <img>-Tag an </p> <p></p> Tabellen-Tags <p><strong></strong></p> Hinweis: In HTML 5 unterstützt <table border="1"><tbody> <tr class="firstRow"> <td>标记</td> <td>描述</td> </tr> <tr> <td><table>...</table></td> <td>表格标记</td> </tr> <tr> <td><tr>...</tr></td> <td>行标记</td> </tr> <tr> <td><td>...</td>  </td> <td>单元格标记</td> </tr> </tbody></table> <p> keine Attribute des <table> </p> <p>Unterstützt keine Attribute des <tr> </p> <p>Unterstützt nur die <td><th>-Tag-Attribute „colspan“ und „rowspan“. </p> <p> </p> <p></p>Formular-Tag <form>-Attribut <p><strong></strong>Hinweis: </p> <p> hat ein neues Attribut in HTML 5: ersetzen. Es definiert, was nach dem Absenden des Formulars passiert. < input>Der Wert des Tag-Attributs Type</p> <p></p> <table border="1"><tbody> <tr class="firstRow"> <td><input Type="Attribute value"/> ;</td ><td>Beschreibung</td><td>HTML5-Standard</td></tr><tr><td>Text</td><td>Textfeld</td><td></p></ td></tr><tr><td>Passwort</td><td>Passwortfeld</td><td><p></td></tr><tr><td> Datei</td ><td>Dateifeld</td><td><br/></td></tr><tr><td>Kontrollkästchen</td><td>Kontrollkästchen</td><td> <strong></td></tr><tr><td>Radio</td><td>Optionsschaltfläche</td><td></strong></td></tr><tr><td >-Schaltfläche</td><td>Normale Schaltfläche</td><td></p></td></tr><tr><td>Senden</td><td>Senden-Schaltfläche</td>< td ><table border="1"><tbody><tr class="firstRow"><td>标记</td><td>描述</td><td>HTML5标准</td></tr><tr><td><input></td> <td>表单输入标记</td> <td>type 属性有很多新的值。</td> </tr> <tr> <td><select></td> <td>菜单和列表标记</td> <td>新的属性</td> </tr> <tr> <td><option></td> <td>菜单和列表项目标记</td> <td>可用于新元素 <datalist>中</td> </tr> <tr> <td><textarea></td> <td>文字域标记</td> <td>新属性</td> </tr> </tbody></table> <tr> <td>reset</td> <td>Reset-Taste</td> <td><p></p></td> </tr> <tr> <td>versteckt</td> <td>verstecktes Feld</td> <td></td> </tr> <tr> <td>Bild</td> <td>Bildfeld (Bildeinreichung button)</td> <td><p></p></td> </tr></strong></p> <p><strong></strong>Frame-Tag</p> <table border="1"><tbody> <tr class="firstRow"> <td><input Type="属性值"/></td> <td>描述</td> <td>HTML5标准</td> </tr> <tr> <td>text</td> <td>文字域</td> <td><br></td> </tr> <tr> <td>password</td> <td>密码域</td> <td><br></td> </tr> <tr> <td>file</td> <td>文件域</td> <td><br></td> </tr> <tr> <td>checkbox</td> <td>复选框</td> <td><br></td> </tr> <tr> <td>radio</td> <td>单选框</td> <td><br></td> </tr> <tr> <td>button</td> <td>普通按钮</td> <td><br></td> </tr> <tr> <td>submit</td> <td>提交按钮</td> <td><br></td> </tr> <tr> <td>reset</td> <td>重置按钮</td> <td><br></td> </tr> <tr> <td>hidden</td> <td>隐藏域</td> <td><br></td> </tr> <tr> <td>image</td> <td>图像域(图像提交按钮)</td> <td><br></td> </tr> </tbody></table> <p></p> Hinweis: Bitte überprüfen Sie das HTML 5-Tag <frameset> <p><strong> Aufgrund der negativen Auswirkungen dieses Tags auf die Benutzerfreundlichkeit von Webseiten wird das <frameset>-Tag nicht unterstützt. </strong></p> <table border="1"><tbody> <tr class="firstRow"> <td>框架标记</td> <td>描述  </td> <td>HTML5标准</td> </tr> <tr> <td><frameset></td> <td>框架集</td> <td>不支持</td> </tr> <tr> <td><frame></td> <td>框架</td> <td>不支持</td> </tr> <tr> <td><iframe></td> <td>内联框架</td> <td>仅仅支持 src 属性</td> </tr> <tr> <td><noframe></td> <td>无框架</td> <td>不支持</td> </tr> </tbody></table> <p></p><p>Das obige ist der detaillierte Inhalt vonListe der gängigen HTML5-Syntax. 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="Einführung in die Verwendung von HTML5-Video-Video-Tags" href="https://m.php.cn/de/faq/395687.html">Einführung in die Verwendung von HTML5-Video-Video-Tags</a></span><span>Nächster Artikel:<a class="dBlack" title="Einführung in die Verwendung von HTML5-Video-Video-Tags" href="https://m.php.cn/de/faq/395690.html">Einführung in die Verwendung von HTML5-Video-Video-Tags</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://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="https://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="https://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="https://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="https://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><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><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>