易混HTML Entities与正确用法
在页面上,表示HTML实体有多种方式,比方有“&+name;”、“&#+10进制ID”、“&#x+16进制ID”。而“\u+16进制”一般用于CSS的content样式属性。
空字符 – null
空字符:\u0000
空白 – whitespace
空字符表示没有字符,不占页面物理位置,空白是有物理位置的。空白包含空格、制表符、回车符和换行符。
空格-space: 。 ,\u0020;
不间断空格: 或 或 \u00A0;
Tab: 或 或 \u0009;
回车-CR: 或
 或 \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不支持',所以一般使用' 或' 或 \u0027。 |
英文双引號(") |
" 或" 或 或 \u0022 |
中文单引號左(‘) |
\u2018,‘ 或‘ |
中文单引號右(’) |
\u2019,’ 或’ |
中文双引號左(“) |
\u201C。“ 或“ |
中文双引號右(”) |
\u201D。” 或” |
之所以大规模使用了(')和(")是由于曾经的打字机和电脑中没有对应的对称引用符号,所以都用了垂直的符号。
如今部分软件能够直接把垂直符改成对称引用符号。但这样的自己主动转换不是非常完好。因此,随着client字符集越来越丰富,我们也应该正确使用这些字符。
连字符、减号、破折号、下划线
以下几个字符区别非常小,须要细致观察。从长度分析:mdash > ndash = 减号 > 连字符 = hyphen-minus;从位置高度分析:ndash = mdash = hyphen > minus = hyphen-minus > 下划线。
Hyphen-minus(-):- 或- 或 \u002D
下划线(_):_ 或或_ 或 \u005F
减号(−):− 或 − 或 \u2212
连字符(‐):‐ 或‐ 或 \u2010
Ndash(–):–或 – 或 – 或 \u2013
Mdash(—):— 或 — 或— 或 \u2014
- Hyphen-minus是一般写代码时用到的符号。键盘上的小写符号就是它;
- 在键盘上。hyphen-minus之上就是下划线,通过shift键能够获取;
- 减号一般用于数学表达式;
- 连字符顾名思义就是链接两个单词。组成一个新单词,比方left-handed。
- ndash用于表示范围,比方2–9。
- mdash用于链接句子。比方Star Wars is—as everyone knows—amazing。
省略符
有些人会用三个句号来表示,事实上这是错误的表示方法,应该使用省略符。
省略符:… 或 … 或… 或\u2026
大于号、小于号
由于HTML标签使用的就是这两个符号,假设直接在页面输入大于或小于号会导致页面显示异常。一般来说,仅仅有刚開始学习的人会误用这两个符号。
小于号:< 或 < 或< 或\u003C
大于号:> 或 > 或> 或\u003E。
和符号、或符号
easy误用的是&符号,在英文页面直接使用可能会导致单词显示有问题。由于“&+name;”会表示还有一个特殊字符。假设&正好位于单词前面。并且后面有“;”,那就糟糕了。所以,一般用&替代。
和符号:& 或 & 或 & 或\u0026
易混HTML Entities与正确用法的更多相关文章
- Spring MVC中Session的正确用法<转>
Spring MVC是个非常优秀的框架,其优秀之处继承自Spring本身依赖注入(Dependency Injection)的强大的模块化和可配置性,其设计处处透露着易用性.可复用性与易集成性.优良的 ...
- 【转】Spring MVC中Session的正确用法之我见
Spring MVC是个非常优秀的框架,其优秀之处继承自Spring本身依赖注入(Dependency Injection)的强大的模块化和可配置性,其设计处处透露着易用性.可复用性与易集成性.优良的 ...
- Spring MVC中Session的正确用法之我见
Spring MVC是个非常优秀的框架,其优秀之处继承自Spring本身依赖注入(Dependency Injection)的强大的模块化和可配置性,其设计处处透露着易用性.可复用性与易集成性.优良的 ...
- C#中dynamic的正确用法
C#中dynamic的正确用法 http://www.cnblogs.com/qiuweiguo/archive/2011/08/03/2125982.html dynamic是FrameWork4 ...
- C# string.Split对于换行符的分隔正确用法
C# string.Split对于换行符的分隔正确用法 tmpCase "11117144-8c91-4817-9b92-99ec2f9d784a\r\n23D95A26-012C-4332 ...
- 转载~kxcfzyk:Linux C语言多线程库Pthread中条件变量的的正确用法逐步详解
Linux C语言多线程库Pthread中条件变量的的正确用法逐步详解 多线程c语言linuxsemaphore条件变量 (本文的读者定位是了解Pthread常用多线程API和Pthread互斥锁 ...
- C#中dynamic的正确用法 以及 typeof(DynamicSample).GetMethod("Add");
dynamic是FrameWork4.0的新特性.dynamic的出现让C#具有了弱语言类型的特性.编译器在编译的时候不再对类型进行检查,编译期默认dynamic对象支持你想要的任何特性.比如,即使你 ...
- 【转】改善C#程序的建议2:C#中dynamic的正确用法 空间
dynamic是FrameWork4.0的新特性.dynamic的出现让C#具有了弱语言类型的特性.编译器在编译的时候不再对类型进行检查,编译期默认dynamic对象支持你想要的任何特性.比如,即使你 ...
- C#中dynamic、ExpandoObject 的正确用法
原文地址:http://www.cnblogs.com/qiuweiguo/archive/2011/08/03/2125982.html dynamic是FrameWork4.0的新特性.dynam ...
随机推荐
- 深入理解JVM(4)——对象内存的分配策略
一.Java所承担的自动内存管理主要是针对对象内存的分配和回收. 二.在Java虚拟机的五块内存空间中,程序计数器.Java虚拟机栈.本地方法栈内存的分配和回收都具有确定性,一般在编译阶段就能确定需要 ...
- OPC_Data Access Automation Interface Standard V2.02
文库地址: https://wenku.baidu.com/view/a70d1ad4b14e852458fb57da.html
- ES6_入门(5)_解构赋值
学习参考:http://es6.ruanyifeng.com/#docs/destructuring //2017/7/20 /*对象的解构赋值*/ //对象的解构赋值,当变量名的对象的属性名相同时, ...
- H5C304
H5C304 1.渐变 1)线性渐变 point,angle可取4个值:如上所示 需要使用background添加 2)径向渐变 position是按照元素右上为原点的 3)重复渐变 同样有重复线性渐 ...
- C# Xamarin For Android自动升级项目实战
一.课程介绍 “明人不说暗话,跟着阿笨一起玩Xamarin”,本次分享课程阿笨将带来大家一起学习Xamarin For Android系列<C# Xamarin For Android自动升级项 ...
- 分享一个整理Mac储存空间的软件,有效清理xcode的垃圾
苹果的电脑还是比windows的要好,我这台用了3年时间,作为编程工作天天用,现在愣是一点儿也没有卡顿,如果换作是windows的电脑,我敢保证肯定是卡成狗,相信做编程的你肯定少补了一台mac. ma ...
- tmux终端工具的简单使用
Linux上管理和运行进程除了程序级别的守护进程之外,经常用到的有比如nohup &的方式,以及screen会话的方式,而Tmux正是一个非常优秀的终端进程管理的软件,和GNU screen类 ...
- .NET/C# 资源
.NET/C# 开源资源收集 Roslyn ---C# 开源编译器 iSpy免费的开源视频监控平台 https://github.com/ispysoftware/iSpy .NET Fram ...
- PL/SQL学习笔记之事务
一:事务自动提交的开启与关闭 1)开启事务自动提交:则每一个INSERT,UPDATE或DELETE命令执行时,都提交一次事务. SET AUTOCOMMIT ON; 2)关闭事务自动提交:则执行到C ...
- [Java] zjdbcping:JDBC数据库连接测试工具
作者: zyl910 一.缘由 当数据库服务器很多时,或者要与第三方公司做数据库表交换时,此时觉得若有一个简单快捷的数据库连接测试工具就好了. 因为若是采取直接把程序部署到tomcat等容器再测试的办 ...