网站首页 > 基础教程 正文
HTML <base> 元素
指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。
包含属性href 和
target 可以指定a 标签的默认窗口打开行为
<base href="https://www.baidu.com/img/123" target="_banlk"></base> 默认就打开新的窗口 <a href="aaa">123</a>
使用
<base href="https://www.baidu.com/img/"></base> <img src="bd_logo1.png?where=super"></img>
虽然在codepen 的代码上编写的但是能够正确的通过base url + img 的src 定位显示出图片
content 标签
HTML <aside> 元素
表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。
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: 支持引入的资源类型
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
关于支持资源类型的测试
http://joliclic.free.fr/html/object-tag/en/index.php
猜你喜欢
- 2024-10-17 前端开发基础课分享3--教你学会使用HTML中的属性,丰富你的网页
- 2024-10-17 《HTML笔记》w3c学习笔记 html+css笔记
- 2024-10-17 网站HTML title属性和HTML 标签 html网站标题
- 2024-10-17 HTML 常用标签 html常用标签及用法
- 2024-10-17 HTML 元素 html元素标签大全
- 2024-10-17 web前端基础知识:html+css web前端基础知识 相关课程
- 2024-10-17 2021年山东专升本考生必刷题——(11.13)
- 2024-10-17 HTML元素中的属性2(路径详解)——零基础自学网页制作
- 2024-10-17 亚马逊新规:详情页不可用HTML标记!A+页面能解决?
- 2024-10-17 HTML5常见的基础标签(三) html常用标签及作用
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)