HTML pre和code的作用和用法

  • pre和code表示的相同点：

    • 都是对于文本内容的格式化

  • pre和code表示的不同点：

    • pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

    • 举例来说如果要显示如下效果，只需要相同的按照格式写在pre里

    • code 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。只是把文本变成等宽字体，主要是对对文档中的文本进行格式化

  • pre和code可以同时使用，但是使用顺序为：在pre中使用code标签

注意:

  • 可以导致段落断开的标签（例如标题、p）不能包含在 pre所定义的块里
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容