HTML常用知识

最新推荐文章于 2024-07-12 20:49:16 发布

EvLast

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量195

点赞数 2

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/2303_79299383/article/details/133762791

版权

1.HTML 计算机代码元素

在HTML中，计算机代码通常使用<code>元素来表示。<code>元素用于表示计算机程序或其他计算机代码片段。它可以包含任何纯文本内容，包括HTML代码。<code>元素的默认呈现方式是使用等宽字体，并且通常会在左右两侧使用边框或背景色进行区分。此外，如果需要在代码内显示特殊字符，可以使用实体引用或转义字符来表示。

HTML 计算机代码格式

通常，HTML 使用可变的字母尺寸，以及可变的字母间距。

在显示计算机代码示例时，并不需要如此

<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。

HTML 键盘格式

HTML <kbd> 元素定义键盘输入：

<p>To open a file, select:</p>

<p><kbd>File | Open...</kbd></p>

HTML 样本格式

HTML <samp> 元素定义计算机输出

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

HTML 代码格式

HTML <code> 元素定义编程代码

<code>
int jc(int a){
    int j=1;
    for(int i=1;i<=a;i++){  // 将循环的起始条件改为1
        j*=i;
    }
    return j;  // 返回变量j的值，即a的阶乘
}
</code>

<code> 元素不保留多余的空格和折行

HTML 变量格式化

HTML <var> 元素定义数学变量：

<p>Einstein wrote:</p>

<p><var>E = m c<sup>2</sup></var></p>

2.HTML 字符实体

在HTML中，有些字符无法直接用于文本或标记中，因为它们与HTML语法中的某些字符或标记冲突。这时候就需要使用HTML实体来表示它们。

HTML实体以“&”符号开头，以“;”符号结尾，中间是一个字符编码或名称。例如，`<`表示小于号（<），`&`表示和号（&），`"`表示双引号（"）等。

以下是一些常见的HTML实体：

- `<`：小于号（<）
- `>`：大于号（>）
- `&`：和号（&）
- `"`：双引号（"）
- `'`：单引号（'）
- ` `：非断空格（）

可以使用实体来在HTML文档中表示上述特殊字符，以及其他任何不可打印的字符。

1.HTML 符号

在HTML中，有一些符号可以直接用于文本或标记中，而无需使用实体。以下是常见的一些HTML符号：

- `&`：和号
- `<`：小于号
- `>`：大于号
- `"`：双引号
- `'`：单引号
- `©`：版权符号（©）
- `®`：注册商标符号（®）
- `™`：商标符号（™）
- `§`：段落符号（§）
- `°`：度数符号（°）
- `±`：正负号（±）
- `£`：英镑符号（£）
- `¥`：日元符号（¥）
- `€`：欧元符号（€）

需要注意的是，HTML符号和HTML实体并不完全相同，HTML符号只包括在键盘上可以直接输入的常见字符，而HTML实体则包括所有字符，包括不可打印字符。

2.在 HTML 中使用表情符号

在HTML中，可以使用Unicode字符或特定的HTML实体来表示表情符号。以下是一些常见的表情符号及其对应的Unicode字符和HTML实体表示：

1. 笑脸符号：
- Unicode字符：😊（U+1F60A）
- HTML实体：😊 或 😊

2. 心形符号：
- Unicode字符：❤️（U+2764 U+FE0F）
- HTML实体：❤️ 或 ❤️

3. 笑哭符号：
- Unicode字符：😂（U+1F602）
- HTML实体：😂 或 😂

4. 哭泣符号：
- Unicode字符：😢（U+1F622）
- HTML实体：😢 或 😢

5. 眼睛符号：
- Unicode字符：👀（U+1F440）
- HTML实体：👀 或 👀

注意，在HTML中直接使用Unicode字符表示表情符号时，需要确保文档编码为UTF-8。如果使用HTML实体表示，则不受文档编码限制。

3.HTML 编码（字符集）

HTML编码（也称为字符集）是用于定义在HTML文档中使用的字符集合。HTML支持多种字符集，常见的包括：

1. UTF-8（Unicode Transformation Format 8-bit）：UTF-8是一种通用的Unicode字符编码方案，它支持几乎包含所有世界上使用的字符。UTF-8是目前最常用的HTML字符集，也是推荐的字符集。

2. ISO-8859-1（Latin-1）：ISO-8859-1是一个较旧的字符集，支持拉丁字母字符集以及一些特殊符号。它不支持像中文、日文等非拉丁字符。

3. GB2312-80：GB2312-80是中国制定的简体中文字符集。它包含了大部分常用的简体中文字符。

4. Big5：Big5是一个繁体中文字符集，用于显示繁体中文字符。

使用正确的HTML编码非常重要，以确保在HTML文档中正确显示各种字符，特别是对于多语言环境和特殊符号的处理。通常，推荐使用UTF-8编码来支持广泛的字符范围，并确保在HTML文档中正确声明所使用的字符集，例如通过`<meta charset="UTF-8">`标签指定编码。

3.HTML 框架

HTML框架是一种用来创建网页布局的技术，它可以让开发者更方便地设计页面，提高开发效率。常见的HTML框架包括：

1. Bootstrap：Bootstrap是目前最受欢迎的HTML、CSS和JS框架之一，它可以让开发者快速构建响应式、移动端优先的网站。

2. Foundation：Foundation是另一个流行的响应式HTML框架，它有大量可定制的UI组件和其他功能。

3. Materialize：Materialize是一个基于Google的Material Design设计风格的HTML框架，提供了各种现代化的UI组件和JavaScript插件。

4. Semantic UI：Semantic UI是一个语义化的HTML框架，它强调代码的可读性和快速开发，提供了大量的CSS和JavaScript组件。

5. Bulma：Bulma是一个现代化、轻量级的CSS框架，它使用最新的Web技术标准（如Flexbox）来构建响应式布局，并提供易于使用的UI组件。

这些框架都提供了一些常用的UI组件，如导航栏、表单、按钮等，可以大大加快网站的布局和设计过程。当然，使用HTML框架也需要注意，必须确保选择的框架适合你的项目需求，并且了解其使用方法和局限性

1.垂直框架

<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

2.水平框架

<html>

<frameset rows="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

3.混和框架

<html>

<frameset rows="50%,50%">

<frame src="/example/html/frame_a.html">

<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>

</frameset>

</html>

EvLast

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML常用知识

通常，推荐使用UTF-8编码来支持广泛的字符范围，并确保在HTML文档中正确声明所使用的字符集，例如通过``标签指定编码。4. Semantic UI：Semantic UI是一个语义化的HTML框架，它强调代码的可读性和快速开发，提供了大量的CSS和JavaScript组件。需要注意的是，HTML符号和HTML实体并不完全相同，HTML符号只包括在键盘上可以直接输入的常见字符，而HTML实体则包括所有字符，包括不可打印字符。它包含了大部分常用的简体中文字符。
复制链接

扫一扫