前端经验分享（前端技术总结）

以本人多年前端经验，给你分享一下我的总结。

metadata 类标签

HTML base 元素

指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 base 元素。

包含属性href 和

target 可以指定a 标签的默认窗口打开行为

base href="

默认就打开新的窗口

a href="aaa"123/a

使用

base href="

img src="bd_logo1.png?where=super"/img

虽然在codepen 的代码上编写的但是能够正确的通过base url + img 的src 定位显示出图片

content 类标签

HTML aside 元素

表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。

Text 类标签

HTML blockquote 元素

（或者 HTML 块级引用元素），代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进（注 中说明了如何更改）。若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过 cite 元素。

HTML figure 元素

代表一段独立的内容, 经常与说明（caption） figcaption 配合使用, 并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。

Inline text semantics

HTML 缩写元素（abbr）

用于展示缩写，并且可以通过可选的 title 属性提供完整的描述。

ps: 完整描述样式貌似不能自定义

HTML键盘输入元素(kbd)

用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。

HTML标记文本元素( Mark )

表示为引用或符号目的而标记或突出显示的文本，这是由于标记的段落在封闭上下文中的相关性或重要性造成的。

ps:项目中大量使用span 标记的做法不符合html5 的语义化

HTML Ruby Base（rb）

元素用于分隔ruby注释的基本文本组件（即正在注释的文本）。一个rb元素应该包装基本文本的每个单独的原子段。

ps: 拼音注解

samp 元素

用于标识计算机程序输出，通常使用览器缺省的 monotype 字体（例如 Lucida Console）。

HTML 中的small元素

使文本的字体变小一号。(例如从大变成中等，从中等变成小，从小变成超小)。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本。

HTML sub 元素

定义了一个文本区域，出于排版的原因，与主要的文本相比，应该展示得更低并且更小。

ps: 下脚标

HTML sup 元素

定义了一个文本区域，出于排版的原因，与主要的文本相比，应该展示得更高并且更小。

ps: 上脚标

HTML u 元素

使文本在其内容的基线下的一行呈现下划线。在HTML5中, 此元素表示具有未标注的文本跨度，显示渲染，非文本注释，例如将文本标记为中文文本中的专有名称(一个正确的中文标记), 或 将文本标记为拼写错误

HTML map

与 area 属性一起使用来定义一个图像映射(一个可点击的链接区域).

HTML track 元素

被当作媒体元素—audio 和 video的子元素来使用。它允许指定计时字幕（或者基于时间的数据），例如自动处理字幕。

HTML object 元素

（或者称作 HTML 嵌入对象元素）表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用的资源

ps: 支持引入的资源类型

关于支持资源类型的测试.