zoukankan      html  css  js  c++  java
  • 前端 HTML 标签里 特殊符号

    特殊符号

    浏览器在显示的时候会移除源代码中多余的空格和空行。 所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <a href="http://www.baidu.com">百    度</a>
    
    </body>
    </html>

     按回车空格 在网页上只能显示1个空格

    特殊字符

    在上一个实例中,我们演示了HTML中输入空格、回车都是没有作用的。要想输入空格,需要用特殊符号 &nbsp;

    常用的特殊字符:

    内容对应代码
    空格 &nbsp;
    > &gt;
    < &lt;
    & &amp;
    ¥ &yen;
    版权 &copy;
    注册 &reg;

     空格符号 &nbsp;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!-- &nbsp; 空格符号 -->
        <a href="http://www.baidu.com">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;</a>
    
    </body>
    </html>

    大于号符号 &gt;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!-- &gt; 空格符号 -->
        <a href="http://www.baidu.com">&gt; &gt;</a>
    
    </body>
    </html>

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <a href="http://www.baidu.com"><></a>
    
    </body>
    </html>

    没有了<>

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <a href="http://www.baidu.com"><a></a>
    
    </body>
    </html>

    用符号代替小于好,小于号符号 &lt;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!-- &lt; 小于号符号 -->
        <a href="http://www.baidu.com">&lt;</a>
    
    </body>
    </html>

  • 相关阅读:
    DOS命令
    利用cmd合并文件
    Word文档编辑
    初识Java
    变量、数据类型、运算符-2
    设计模式之策略模式
    设计模式之装饰者模式
    第18章 java I/O系统(3)
    第18章 java I/O系统(2)
    第四章 栈与队列3 (堆栈的应用)
  • 原文地址:https://www.cnblogs.com/mingerlcm/p/10609248.html
Copyright © 2011-2022 走看看