跟小甲鱼学Web开发笔记05（最新进展不按进度顺序）

最新推荐文章于 2022-11-12 21:45:59 发布

敲代码的小朋友

最新推荐文章于 2022-11-12 21:45:59 发布

阅读量169

点赞数 1

文章标签： html html5 css

本文链接：https://blog.csdn.net/a392544151/article/details/120683910

版权

本文介绍了HTML中的预格式化元素`pre`，用于保持代码原始格式的显示。接着讲解了HTML字符实体的概念，用于显示特殊字符。接着讨论了HTML的语义化，提倡使用合适的元素如`code`来表示代码片段。此外，还提到了`var`、`kbd`和`samp`元素，分别用于表示变量、用户输入和程序输出。

摘要由CSDN通过智能技术生成

跟小甲鱼学Web开发笔记05

所见即所得

有些元素和我们之前介绍的块级和行内元素不太一样，比如今天要介绍的pre元素。

预格式化

pre元素的作用：预格式化，保存文本在源代码中的格式，使得页面中显示的和源代码中的效果完全一致。
使用pre元素，代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>pre元素演示</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
    <meta name="description" content="《零基础入门学习Web开发》案例演示">
    <meta name="author" content="小甲鱼">
</head>
<body>
    <!-- 演示pre元素的使用 -->
    <pre>
        <!DOCTYPE html>
        <html>
        <head>
            <title>pre元素演示</title>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
            <meta name="description" content="《零基础入门学习Web开发》案例演示">
            <meta