https://github.com/levelopers/html-fundamentals
interview questions
https://github.com/levelopers/html-fundamentals
Last synced: 5 months ago
JSON representation
interview questions
- Host: GitHub
- URL: https://github.com/levelopers/html-fundamentals
- Owner: levelopers
- Created: 2022-04-10T16:48:37.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-11T13:57:06.000Z (about 4 years ago)
- Last Synced: 2025-01-29T23:29:46.265Z (over 1 year ago)
- Size: 4.88 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# html fundamental
### HTML 区块元素&内联元素：
区块元素
```
定义地址
定义表格标题
- 定义列表
- 定义列表中的项目
定义一个框架集
创建表单元素标题元素
水平线
给fieldset元素定义标题- 定义列表项目
为那些不支持框架的浏览器显示文本，放置于frameset标签内
为那些不支持脚本的浏览器显示文本- 有序列表
- `: description term
` - `: description detail
`
`: represents a thematic break between paragraph-level elements``: is a semantic alternative to `
- `
`
`: represents preformatted text which is to be presented exactly as written in the HTML file
#### 内联文本
``: represents an abbreviation or acronym; the optional `title` attribute can provide an expansion or description for the abbreviation.
``: 双向隔离元素 ( `` ) 告诉浏览器的双向算法将其包含的文本与周围的文本隔离，
``: 双向文本替代元素 (``) 改写了文本的方向性
``: 引用（ Citation）标签 (``) 表示一个作品的引用，且必须包含作品的标题。
``: 将一个指定内容和机器可读的翻译联系在一起
``: 定义元素 (``) 表示术语的一个定义。(一般与``连用)
``: 键盘输入元素 (``) 用于表示用户输入 (ctrl)
``: 标记文本元素 (``) 表示为引用或符号目的而标记或突出显示的文本，
``: 被用来展示东亚文字注音或字符注释。
`汉 (han)
字 (zi)`
``: (Strikethrough)使用删除线来渲染文本。
``: 用于标识计算机程序输出
``: (Subscript element) 与主要的文本相比，应该展示得更低并且更小。H2O
``: (Superscript element) 与主要的文本相比，应该展示得更高并且更小。52
``: (表意不清标注元素）表示一个需要标注为非文本化（non-textual）的内联文本域
``: 标签表示变量的名称
``: (Line Break Opportunity element) 其中浏览器可以选择来换行
#### 图片和多媒体
``: 与 `` 属性一起使用来定义一个图像映射 (一个可点击的链接区域).
``: 在图片上定义一个热点区域，可以关联一个超链接。
``: 可以包含一个或多个音频资源,也可以使用 MediaStream 将这个元素用于流式媒体
- autoplay: 音频会尽快自动播放，不会等待整个音频文件下载完成。
- crossorigin: 支持cors
- anonymous: 在发送跨域请求时不携带验证信息
- use-credentials: 在发送跨域请求时携带验证信息
- currentTime: 属性将返回一个双精度浮点值，用以标明以秒为单位的当前音频的播放位置
- preload: `none` 不会缓存；`metadata` 获取长度；`auto` 缓存（默认）``: 被当作媒体元素—audio 和 video的子元素来使用。它允许指定时序文本字幕
#### 内嵌内容
``: 内联框架元素 (``) 表示嵌套的 (为了静态文本或svg)
``: 外部内容嵌入元素 (可以被编程)
``: 嵌入对象元素 (for older browser)
``: 通过包含零或多个 source 元素和一个 img 元素来为不同的显示/设备场景提供图像版本。浏览器会选择最匹配的子 `` 元素，如果没有匹配的，就选择 `` 元素的 src 属性中的 URL。
#### 编辑标识
``: 定义已经被插入文档中的文本。
#### 表格
``: 属性
- align: `left`,`center`,`right`
- bgcolor
- border: 是否有边框
- cellpadding: 单元格padding
- cellspacing： 单元格间距 (边距坍缩)
- frame: 控制边框方向显示 (`above`,`lhs`,`box`...)
- rules: 定义了在一个表格中规则的显示位置 (`groups`,`rows`,`all`...)
- summary: 定义了一个替代文本``: 表格列组, 用来定义表中的一组列表 (可以给表格列加样式)
---
- 无序列表
定义段落
定义预格式化文本
定义表格
定义表格主体
表格中的标准单元格
表格中的行
表格中的页脚
定义表头单元格
定义表格的表头
```内联元素
表示不准确不相关，却不应当给予删除的内容
定义样本文本
定义单选或者多选菜单
呈现小号字体效果
组合文档中的行内元素
语气更强的强调内容
定义下标文本
定义上标文本
多行文本输入控件
打字机或者等宽的文本效果
定义变量
```---
### css权重
每一个css的选择器都有一个相对的重要程度值，也就是权重的值，简称“权值”；
css通过css选择器的权重占比，来计算css选择规则的总权值，从而确定 定义样式规则的 优先级次序；
权重等级:
- 第一等级：代表 内联样式，如 style=""，权值为 1,0,0,0；
- 第二等级：代表 ID选择器，如 #id="", 权值为 0,1,0,0；
- 第三等级：代表 calss | 伪类 | 属性 选择器，如 .class | :hover,:link,:target | [type], 权值 0,0,1,0；
- 第四等级：代表 标签 | 伪元素 选择器，如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1；
- 此外，通用选择器（*），子选择器（>）， 相邻同胞选择器（+）等选择器不在4等级之内，所以它们的权值都为 0,0,0,0；
权值比较 规则：
- 是从高到低逐级将等级位上的权重值
- 低等级的选择器，个数再多也不会越等级超过高等级的选择器的优先级的---
### html 元素
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
#### 内容分区
``:The `` HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
#### 文本内容
`
`.`cite`: This attribute is intended to point to information explaining the context or the reference for the quote.
`
- `: description list
`
- 定义列表项目