html标签如何分类

  介绍

小编给大家分享一下html标签如何分类,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

将,html元素按功能进行分组。先简单会汇总下,熟悉的放前面。

根元素:& lt; html>文档元数据:& lt;每日& lt; meta> & lt; style> & lt; style>   内容分区:& lt; header> & lt; nav> & lt; section> & lt; aside>& lt; footer>& lt; h2> ~ & lt; h7>& lt; article>& lt; address> & lt; hgroup>   文本内容:& lt; main> & lt; p> & lt; p> & lt; pre> & lt; ol> & lt; ul> & lt; li> & lt; dl>& lt; dt> & lt; dd> & lt; figure>& lt; figcaption> & lt; blockquote>& lt; hr>   内联文本语义:& lt; span> & lt; a> & lt; strong> & lt; em> & lt; q> & lt; br> & lt; mark> & lt; code> & lt; abbr> & lt; b> & lt; bdi> & lt; bdo> & lt; sub> & lt; sup> & lt; time> & lt; i> & lt;标签;& lt; cite> & lt; data> & lt; kbd> & lt; nobr> & lt; s> & lt; samp> & lt; tt> & lt; var> & lt; wbr> & lt; rp> & lt; rt> & lt; rtc> & lt; ruby>   图片和多媒体:& lt; img> & lt; audio>& lt; video> & lt; track> & lt; map> & lt; area>   内嵌内容:& lt; iframe> & lt; embed> & lt; object>& lt; param> & lt; picture> & lt; source>   脚本:& lt; canvas> & lt; noscript> & lt; script>   编辑标识:& lt; del> & lt; ins>   表格内容:& lt; table> & lt; caption> & lt; thead> & lt; tbody> & lt; tfoot> & lt; tr>,, & lt; col> & lt; colgroup> & lt; th> & lt; td>   表单:& lt; form>& lt; input> & lt; textarea>& lt; label> & lt; button> & lt; datalist> & lt; fieldset> & lt; legend> & lt; meter> & lt; optgroup> & lt; option> & lt; output> & lt; progress> & lt; select>   交互元素& lt; details> & lt; summary> & lt; dialog> & lt; menu>网络组件:& lt; slot> & lt; template>   过时的和弃用的元素:& lt; acronym> & lt; applet> & lt; basefont> & lt; bgsound> & lt; big> & lt; blink> & lt; center> & lt; command> & lt; content> & lt; dir> & lt; element> & lt; font> & lt; frame> & lt; frameset> & lt; image> & lt; isindex> & lt; keygen> & lt; listing> & lt; marquee> & lt; menuitem> & lt; multicol> & lt; nextid> & lt; nobr> & lt; noembed> & lt; noframes> & lt; plaintext> & lt; spacer> & lt; strike> & lt; shadow> & lt; tt> & lt; xmp>

1。根元素

& lt; html>HTML文档的根

2。文档元数据

元数据(元数据)含有页面的相关信息,包括样式,脚本及数据,能帮助一些软件(如搜索引擎,浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。

& lt;每日链接& lt; meta>元数据信息,(& lt; base> & lt;每日& lt; script>, & lt; style>或& lt; title>不能表示的元数据信息)   & lt; style>样式信息   & lt; style>文档标题

3。内容分区

内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(头),页脚(页脚),导航(nav)和标题(h2 ~ h7)等分区元素,来为页面内容创建明确的大纲,以便区分各个章节的内容。

& lt; header>表示一组引导性的帮助   & lt; nav>导航   & lt; section>表示文档中的一个区域(或节),通过是否含一个标题作为子节点来辨识& lt; section>   & lt; aside>表示与其余页面无关的内容部分   & lt; footer>表示最近一个章节内容或者根节点元素的页脚& lt; h2> ~ & lt; h7>标题   & lt; article>表示文档,页面,应用或网站中的独立结构   & lt; address>地址信息   & lt; hgroup>代表一个段的标题

4。文本内容

使用HTML文本内容元素来组织在开标签,和闭标签,里的块或章节的内容。这些元素能标识内容的宗旨或结构,而这对于可访问性和SEO很重要。

& lt; main>文档& lt; body>或应用的主体部分   & lt; div>文档分区元素,通用型流内容容器   & lt; p>段落   & lt; pre>预定义格式文本   & lt; ol>有序列表   & lt; ul>无序列表   & lt; li>列表条目元素   & lt; dl>描述列表元素   & lt; dt>术语定义元素   & lt; dd>描述元素,描述列表(& lt; dl>)的子元素,& lt; dd>与& lt; dt>一起用。   & lt; figure>代表一段独立的内容,经常与说明(标题)   & lt; figcaption>配合使用& lt; figcaption>图片说明/标题,于描述其父节点   & lt; figure>元素里的其他数据   & lt; blockquote>HTML块级引用元素& lt; hr>表示段落级元素之间的主题转换,视觉上看是水平线

5。内联文本语义

使用HTML内联文本语义(内联文本语义)定义语句,结构,可以是一个词,一段,或任意风格的文字。

html标签如何分类