Home  >  Article  >  Web Front-end  >  HTML tag list (function sorting) description

HTML tag list (function sorting) description

高洛峰
高洛峰Original
2017-03-09 16:00:031419browse

This article talks about HTML tag list (function sorting) HTML Reference Manual - (HTML5 standard)

Function sorting

New: HTML5 new tag

Tag Description
Basics
Define the document type.
Define an HTML document
</td> <td> is the document Define a title</td> </tr> <tr> <td><body></td> <td>Define the body of the document</td> </tr> <tr>##<h1> to <h6> <td></td>Define an HTML title<td></td> </tr> <tr><p><td></td>Define a paragraph<td></td> </tr>##<br> <tr> <td>Define a simple line break. </td> <td></td> </tr><hr><tr> <td>Define the horizontal line. </td> <td></td>##<!--...--></tr> <tr>Define a comment<td></td> <td></td> </tr>Format<tr> <td><strong> </strong></td> <td></td><acronym></tr> <tr> <td>HTML5 is no longer supported. The definition takes only the first letter of the abbreviation. </td> <td><span class="deprecated"></span></td><abbr></tr> <tr>Define an abbreviation. <td></td> <td></td><address></tr> <tr>Define the contact information for the author or owner of the document. <td></td> <td></td><b></tr> <tr>Define bold text. <td></td> <td></td><bdi></tr>New<tr> <td><span class="new">Allows you to set a piece of text independent of the text direction setting of its parent element. </span></td> <td></td><bdo></tr> <tr>Define the direction of the text. <td></td> <td></td><big></tr> <tr> <td>HTML5 is no longer supported. Define large text. </td> <td><span class="deprecated"></span></td><blockquote></tr> <tr>Define block quote. <td></td> <td></td><center></tr> <tr> <td>HTML5 is no longer supported. HTML 4.01 is deprecated. Define centered text. </td> <td><span class="deprecated"></span></td><cite></tr> <tr>Define citation. <td></td> <td></td><code></tr> <tr>Define computer code text. <td></td> <td></td><del></tr> <tr>Define the deleted text. <td></td> <td></td><dfn></tr> <tr>Definition definition project. <td></td> <td></td><em></tr> <tr>Define emphasized text. <td></td> <td></td><font></tr> <tr> <td>HTML5 is no longer supported. HTML 4.01 is deprecated. Define the font, size and color of the text</td> <td> <span class="deprecated"></span>##<i></td> </tr>Define italic text. <tr> <td></td> <td><ins></td> </tr>Definition is inserted into the text. <tr> <td></td> <td><kbd></td> </tr>Define keyboard text. <tr> <td></td> <td><mark></td>New</tr> <tr> <td>Define text with a mark. <span class="new"></span> </td> <td><meter></td>New</tr> <tr> <td>Define weights and measures. Use only for measurements with known maximum and minimum values. <span class="new"></span> </td> <td><pre class="brush:php;toolbar:false"></td> </tr>Define preformatted text<tr> <td></td> <td><progress></td>New</tr> <tr> <td>Define the progress of the running task (process). <span class="new"></span> </td> <td><q></td> </tr>Define short quotes. <tr> <td></td> <td><rp></td>New</tr> <tr> <td>Defines the content displayed by browsers that do not support ruby ​​elements. <span class="new"></span> </td> <td><rt></td>New</tr> <tr> <td> Define the interpretation or pronunciation of a character (Chinese phonetic phonetic or character). <span class="new"></span> </td> <td><ruby></td>New</tr> <tr> <td>Define ruby ​​comments (Chinese phonetic or character). <span class="new"></span> </td> <td><s></td> </tr>Define strikethrough text. <tr> <td></td> <td><samp></td> </tr>Define computer code sample. <tr> <td></td> <td><small></td> </tr>Define small text. <tr> <td></td> <td><strike></td> </tr> <tr>HTML5 is no longer supported. HTML 4.01 is deprecated. Defines strikethrough text. <td></td> <td> <span class="deprecated"></span><strong></td> </tr> Defines text with a stronger tone. <tr> <td></td> <td><sub></td> </tr>Define subscript text. <tr> <td></td> <td><sup></td> </tr>Define superscript text. <tr> <td></td> <td><time></td>New</tr> <tr> <td>Define a date/time<span class="new"></span> </td> <td><tt> </td> </tr> <tr>HTML5 is no longer supported. Define typewriter text. <td></td> <td> <span class="deprecated"></span><u></td> </tr>Define underlined text. <tr> <td></td> <td><var></td> </tr>Define the variable part of the text. <tr> <td></td> <td><wbr></td>New</tr> <tr> <td>Specifies where in the text it is appropriate to add line breaks. <span class="new"></span> </td> <td></td>Form</tr> <tr> <td> <strong></strong> </td>##<form><td></td>Define an HTML Form, for user input. </tr> <tr> <td></td><input><td></td>Define an input control</tr> <tr> <td></td><textarea><td></td>Define multiple Line text input control. </tr> <tr> <td></td><button><td></td>Define button. </tr> <tr> <td></td><select><td></td>Define a select list (drop-down list).</tr> <tr> <td><optgroup></td> <td>Define a combination of related options in a select list. </td> </tr> <tr> <td><option></td> <td>Define the options in the select list. </td> </tr> <tr> <td><label></td> <td>Define the label of the input element. </td> </tr> <tr> <td><fieldset></td> <td>Define the border around elements in the form. </td> </tr> <tr> <td><legend></td> <td>Define the title of the fieldset element. </td> </tr> <tr> <td><datalist><span class="new">New</span> </td> <td>Specifies the list of possible options for the input element. </td> </tr> <tr> <td><keygen><span class="new">New</span> </td> <td>Specifies the key pair generator field to use for the form. </td> </tr> <tr> <td><output><span class="new">New</span> </td> <td>Define a calculated result</td> </tr> <tr> <td><strong>Framework </strong></td> <td> </td> </tr> <tr>##<frame><td></td> <td>HTML5 is no longer supported. Defines the window or frame of the frameset. <span class="deprecated"></span> </td> </tr> <tr><frameset><td></td> <td>HTML5 is no longer supported. Define the frameset. <span class="deprecated"></span> </td> </tr> <tr><noframes><td></td> <td>HTML5 is no longer supported. Defines alternative content for users who don't support the framework. <span class="deprecated"></span> </td> </tr> <tr><iframe><td></td>Define an inline frame. <td></td> </tr> <tr> <td>Image<strong></strong> </td> <td></td> </tr>##<img><tr> <td>Define the image. </td> <td></td> </tr><map><tr> <td>Define image mapping. </td> <td></td> </tr><area><tr> <td>Define the area inside the image map. </td> <td></td> </tr><canvas><tr>New<td> <span class="new"></span> Draw graphics (such as charts and other images) through scripts (usually JavaScript). </td> <td></td> </tr><figcaption><tr>New<td> <span class="new"></span>Define a caption for a <figure> element</td> <td></td> </tr><figure><tr>New<td> <span class="new"></span>The figure tag is used to group elements. </td> <td></td> </tr> <tr>Audio/Video<td> <strong></strong> </td> <td></td> </tr><audio><tr>New<td> <span class="new"></span>Define sounds, such as music or other audio streams. </td> <td></td> </tr><source><tr>New<td> <span class="new"></span> Defines the media resource for the media elements (<video> and <audio>). media</td> <td></td> </tr><track><tr>New<td> <span class="new"></span> Defines an external text track for media (<video> and <audio>) elements. </td> <td></td> </tr><video><tr>New<td> <span class="new"></span>Define an audio or video link </td> <td></td> </tr> <tr> <td>##<a><strong></strong>Define a link</td> <td></td> </tr><link> <tr> <td>Define the relationship between documents and external resources. </td> <td></td> </tr><nav><tr>New<td></td> <td>Define navigation link</td> </tr> <tr> <td>##List<span class="new"></span> </td> <td></td> </tr> <tr><ul><td><strong>Define an unordered list</strong></td> <td></td><ol> </tr> <tr>Define an ordered list<td></td> <td>##<li></td> </tr>Define a list item<tr> <td></td>##< ;dir><td></td> </tr>HTML5 is no longer supported. HTML 4.01 is deprecated. Define directory list. <tr> <td></td> <td>##<dl></td> </tr>Define a definition list<tr> <td></td>##<dt><td><span class="deprecated">Define an item in the definition list. </span></td> </tr> <tr><dd><td></td>Define the description of the item in the definition list. <td></td> </tr> <tr><menu><td></td>Define menu list. <td></td> </tr> <tr><command><td>New</td> <td></td>Defines a command that the user may invoke (such as a radio button, checkbox, or button). </tr> <tr> <td></td> <td>Table</td> </tr> <tr> <td> <span class="new"></span>##<table></td> <td>Define a table </td> </tr> <tr> <td><caption><strong></strong>Define the table title. </td> <td></td> </tr><th><tr> <td>Define the header cell in the table. </td> <td></td> </tr><tr><tr> <td>Define the rows in the table. </td> <td></td> </tr><td><tr> <td>Define the cells in the table. </td> <td></td> </tr><thead><tr> <td>Define the header content in the table. </td> <td></td> </tr><tbody><tr> <td>Define the body content in the table. </td> <td></td> </tr><tfoot><tr> <td>Define the table note content (footnote) in the table. </td> <td></td> </tr><col><tr> <td>Define the attribute values ​​of one or more columns in the table. </td> <td></td> </tr><colgroup><tr> <td>Define the column group in the table for formatting. </td> <td></td> </tr> <tr>Style/Section<td></td> <td> </td> </tr> <tr>##<style><td></td>Definition Document style information. <td></td> </tr> <tr><p><td><strong>Define sections in the document. </strong></td> <td></td><span></tr> <tr>Define sections in the document.</tr> <tr> <td><header><span class="new">New</span> </td> <td>Define a document header section</td> </tr> <tr> <td><footer> ;<span class="new">New</span></td><td>Define the bottom of a document</td></tr><tr><td><section><span class="new">New</span> </td> <td>Defines the document A certain area of ​​</td> </tr> <tr> <td><article><span class="new">New</span> </td> <td>Define an article content</td> </tr> <tr>##< ;aside><td>New<span class="new"></span> </td>Defines content outside of the context in which it appears. <td></td> </tr> <tr><details><td>New<span class="new"></span> </td> Defines additional details of requirements that are visible or hidden to the user. <td></td> </tr> <tr><dialog><td>New<span class="new"></span> </td>Define a dialog box or window<td></td> </tr> <tr><summary> ;<td>New<span class="new"></span></td>Define a visible title. Detailed information is displayed when the user clicks on the title. <td></td></tr><tr><td>Meta Information<strong></strong></td> <td></td></tr>##<head></tr> <tr> <td>Definition About Document information</td> <td></td> </tr><meta><tr> <td>Defines meta-information about the HTML document. </td> <td></td> </tr><base><tr> <td>Define the default address or default target for all links in the page. </td> <td></td> </tr><basefont><tr> <td></td>HTML5 is no longer supported. HTML 4.01 is deprecated. Define the default font, color, or size for text on the page. <td><span class="deprecated"></span></td> </tr> <tr>Program<td> <strong></strong> </td> <td></td> </tr><script><tr> <td> Define client script. </td> <td></td> </tr><noscript><tr> <td>Define alternative content for users who do not support client-side scripting. </td> <td></td> </tr><applet><tr> <td></td>HTML5 is no longer supported. HTML 4.01 is deprecated. Define the embedded applet. <td><span class="deprecated"></span></td>##<embed></tr>New<tr> <td><span class="new"> Defines a container for embedding external applications or interactive programs (plug-ins). </span></td> <td></td><object></tr> <tr>Define the embedded object. <td></td> <td></td><param></tr> <tr>Define the parameters of the object. <td></td> <td></td> </tr>www.zuiuren.com</tbody>www.foodtvl.com</table>www.0539g.com<p>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<br><br> <br></p><p>The above is the detailed content of HTML tag list (function sorting) description. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement:</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article:<a class="dBlack" title="How to center button" href="http://m.php.cn/faq/355561.html">How to center button</a></span><span>Next article:<a class="dBlack" title="How to center button" href="http://m.php.cn/faq/355716.html">How to center button</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="http://m.php.cn/article.html" class="bBlack"><i>See more</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="http://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/"><b class="icon1"></b><p>Home</p></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><p>Course</p></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/login"><b class="icon5"></b><p>My</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/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/"><b class="icon1"></b><span>Home</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><span>Course</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/dic.html"><b class="icon6"></b><span>Dictionary</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/xiazai/"><b class="icon8"></b><span>Download</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/faq/zt" title="Topic"><b class="icon12"></b><span>Topic</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/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/" >Home</a></div><div class="swiper-slide"><a href="http://m.php.cn/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/course.html" >Course</a></div><div class="swiper-slide"><a href="http://m.php.cn/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="http://m.php.cn/xiazai" >Download</a></div><div class="swiper-slide"><a href="http://m.php.cn/game" >Game</a></div><div class="swiper-slide"><a href="http://m.php.cn/dic.html" >Dictionary</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:;" class="language course-right-orders chooselan chooselanguage" 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:setlang('de');" class="language course-right-orders chooselan " 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>