介绍
小编给大家分享一下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内联文本语义(内联文本语义)定义语句,结构,可以是一个词,一段,或任意风格的文字。