zoukankan      html  css  js  c++  java
  • 易混HTML Entities与正确用法

    在页面上,表示HTML实体有多种方式,比方有“&+name;”、“&#+10进制ID”、“&#x+16进制ID”。而“u+16进制”一般用于CSS的content样式属性。

    空字符 – null

    空字符:u0000

    空白 – whitespace

    空字符表示没有字符,不占页面物理位置,空白是有物理位置的。空白包含空格、制表符、回车符和换行符。

    空格-space: 。&#x20,u0020;

    不间断空格:  或   或 u00A0;

    Tab: 	 或 	 或 u0009;

    回车-CR:
 或&#xD 或 u000D;

    换行符-LF:
 或 u000A;

    • 不间断空格和空格的区别是,后者出现多个凑在一起的时候会坍塌成一个空格。而不间断空格不管出现多少个都不会坍塌。
    • 在HTML页面中,元素换行不是通过CR或LF,而是通过<br>标签。CR和LF主要在<pre>标签中起作用。

    • 空格、制表符、回车符和换行符的显示受white-space样式的影响。

    单引號、双引號

    不同语言的引用符号不尽同样(https://en.wikipedia.org/wiki/Quotation_mark),假设直接在页面上输入,则须要非常多页面,并且也太过繁琐。通常是通过CSS属性quotes。或者使用content结合:before和:after一起设置。

    /* Set two levels of quotation marks*/

    q { quotes: "«" "»" "‹" "›"; }

    q:before { content: open-quote }

    q:after  { content: close-quote }

    假设再结合:lang选择器,就能够对不论什么本地化改动引號符了。

    英文单引號(')

    IE8不支持&apos;,所以一般使用&#39; 或&#x27; 或 u0027。

    英文双引號(")

    &quot; 或&#34; 或&#22; 或 u0022

    中文单引號左(‘)

    u2018,&#8216; 或&#x2018;

    中文单引號右(’)

    u2019,&#8217; 或&#x2019;

    中文双引號左(“)

    u201C。&#8220; 或&#x201C;

    中文双引號右(”)

    u201D。&#8221; 或&#x201D;

    之所以大规模使用了(')和(")是由于曾经的打字机和电脑中没有对应的对称引用符号,所以都用了垂直的符号。

    如今部分软件能够直接把垂直符改成对称引用符号。但这样的自己主动转换不是非常完好。因此,随着client字符集越来越丰富,我们也应该正确使用这些字符。

    连字符、减号、破折号、下划线

    以下几个字符区别非常小,须要细致观察。从长度分析:mdash > ndash = 减号 > 连字符 = hyphen-minus;从位置高度分析:ndash = mdash = hyphen > minus = hyphen-minus > 下划线。

    Hyphen-minus(-):&#45; 或&#x2D; 或 u002D

    下划线(_):&#95; 或或&#x5F; 或 u005F

    减号(−):&minus; 或 &#x2212; 或 u2212

    连字符(‐):&hyphen; 或&#x2010; 或 u2010

    Ndash(–):&ndash;或 &#8211 或 &#x2013; 或 u2013

    Mdash(—):&mdash; 或 &#8212 或&#x2014; 或 u2014

    • Hyphen-minus是一般写代码时用到的符号。键盘上的小写符号就是它;
    • 在键盘上。hyphen-minus之上就是下划线,通过shift键能够获取;
    •  减号一般用于数学表达式;
    • 连字符顾名思义就是链接两个单词。组成一个新单词,比方left-handed。
    • ndash用于表示范围,比方2–9。
    • mdash用于链接句子。比方Star Wars is—as everyone knows—amazing。

    省略符

    有些人会用三个句号来表示,事实上这是错误的表示方法,应该使用省略符。

    省略符:&hellip; 或 &#8230; 或&#x2026; 或u2026

    大于号、小于号

    由于HTML标签使用的就是这两个符号,假设直接在页面输入大于或小于号会导致页面显示异常。一般来说,仅仅有刚開始学习的人会误用这两个符号。

    小于号:&lt; 或 &#60; 或&#x3c; 或u003C

    大于号:&gt; 或 &#62; 或&#x3E; 或u003E。

    和符号、或符号

    easy误用的是&符号,在英文页面直接使用可能会导致单词显示有问题。由于“&+name;”会表示还有一个特殊字符。假设&正好位于单词前面。并且后面有“;”,那就糟糕了。所以,一般用&amp;替代。

    和符号:&amp; 或 &#38; 或 &#x26; 或u0026

  • 相关阅读:
    oracle中 start with .. connect by prior.. 用法简介
    Java中com.jcraft.jsch.ChannelSftp讲解
    linux修改系统时间和linux查看时区、修改时区的方法
    map.containsKey
    Struts2中struts.multipart.maxSize配置
    oracle定时器job的使用
    java的System.getProperty()方法可以获取的值
    夜间模式的开启与关闭,父模板的制作
    开始Flask项目
    完成登录与注册页面的前端
  • 原文地址:https://www.cnblogs.com/lxjshuju/p/7403294.html
Copyright © 2011-2022 走看看