前端學習筆記1 HTML的6種空格
HTML提供了6種空格(space entity),它們擁有不同的寬度。
非斷行空格(
)是常規空格的寬度,可運行於所有主流瀏覽器。其它幾種空格( 
、 
、 
、‌
、‍
)在不同瀏覽器中寬度各異。
叫不換行空格,全稱為No-Break Space,它是最常見且使用最多的空格,大多數的人可能只接觸了
,它是按下space鍵產生的空格。在HTML中,如果你用空格鍵產生此空格,空格是不會累加的(只算1個)。要使用html實體表示才可累加,該空格佔據寬度受字型影響明顯而強烈;
 
 
叫“全形空格”,全稱是Em-Space,em是字型排印學的計量單位,相當於當前指定的點數。例如 1em 在16px的字型中就是16px。此空格也傳承空格家族一貫的特性:空格顏色透明,此空格特性也相當穩健,即其佔據的寬度正好是1箇中文字元寬度,而且基本上不受字型影響;  
‌
叫零寬不連字,全稱是Zero Width Non Joiner,簡稱“ZWNJ”,是一個不列印字元,放在電子文字的兩個字元之間,抑制本來會發生的連字,而是以這兩個字元原本的字形來繪製。Unicode中的零寬不連字字元對映為(zero width non-joiner,U+200C),HTML字元值引用為‌
; ‍
叫零寬連字,全稱是Zero Width Joiner,簡稱“ZWJ”,是一個不列印字元,放在某些需要複雜排版語言(如阿拉伯語、印地語)的兩個字元之間,使得這兩個原本不會發生連字的字元產生了連字效果。零寬連字元的Unicode碼位是U+200D (HTML字元值引用為‍ ‍
此外,瀏覽器還會把以下字元當作空白進行解析:空格
 
、製表位	
、換行

和回車
還有 
等等。
本文采用 知識共享 “署名-非商業性使用-相同方式共享” 4.0 (CC BY-NC-SA 4.0)”許可協議 進行許可。
本作品可自由複製、傳播及基於本作品進行演繹創作。如有以上需要,請通過E-mail等方式告知,並在文章開頭明顯位置加上署名 [ 丁學文 ] 、原文連結及許可協議資訊,並明確指出修改(如有),不得用於商業用途。謝謝合作。
詳情請點選檢視許可協議及具體內容。
博主聯絡方式:
E-mail: [email protected] [ 請註明來意 ]
GitHub: Levi.GitHub
相關推薦
前端學習筆記1 HTML的6種空格
HTML提供了6種空格(space entity),它們擁有不同的寬度。 非斷行空格( )是常規空格的寬度,可運行於所有主流瀏覽器。其它幾種空格( 、 、 、&am
前端學習筆記 1 - 職業入門
圖表 art 網絡 easyui 統計 one cap man mysql 1. Web的發展歷程 Web 1.0 -> 共享 Web 2.0 -> 交互 Web 3.0 -> 聚合 Web 1.0 只讀的互聯網時代 門戶網站為主,大多為靜態頁面(只讀瀏覽
Spring 學習筆記1--三種例項化Bean方法、註解
首先通過一個簡單的程式學習Spring在程式中的運用。 定義一個介面: package com.spring.interfacebean; public interface PersonBean { void show(); } 這個介面的實現類:
不使用框架下 python後端向前端返回html頁面(學習筆記1)
不使用框架下 python後端向前端返回html頁面(學習筆記1) python新手學習web伺服器原理的一些坑 本人正在嘗試開發一個倉庫管理系統的專案,為了能夠更深刻地理解後臺伺服器的開發原理,選擇儘量少地使用python現成框架,因此就無法避免各種不期而遇的大坑。現在跟大家一一分
前端學習筆記day03 清除浮動的四種方式
1. 清除浮動 主要是為了解決父級元素因為子級元素設定浮動內部高度為0的情況(父級元素不方便設定height高度) <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
大前端學習筆記整理【一】CSS盒模型與基於盒模型的6種元素居中方案
概覽 CSS盒模型,規定了元素框來處理元素的 內容、內邊距、邊框和外邊距的方式 元素部分是指內容部分,也是最實際的內容,包圍內容的稱之為內邊距,內邊距外圍是邊框,邊框外圍就是外邊距;且外邊距是透明的,所以並不會阻擋其後的元素 * { margin: 0; padding: 0; }
avalonjs 學習筆記1---checkbox
nod item ack lex server ini npm 學習 define 一、vscode 安裝使用 1.vs code+node.js下載安裝 2.在node.js command prompt 中運行 npm install -g live-server 3
微信小程序學習筆記1
接口 spa class 搭建 name demo title 更新數據 navigate 初步接觸微信小程序開發 微信小程序的開發環境 微信小程序是運行在微信環境中的應用,它只能在微信中運行,不能運行在瀏覽器等其他環境中,微信團隊提供了專門開發工具用於小程
mysql學習筆記(1-安裝簡介)
配置文件 服務器 二進制 mysql 通用 mysql的安裝方式:(1)通過系統提供的默認版本(穩定版,該版本滿足了使用的需求,建議使用,os vendor)(2)mysql官方提供 官方提供的通用rpm安裝包 官方提供的文件,以文件覆蓋的方式安裝 源碼包編譯安裝
Python學習筆記1
bsp 面向對象 解釋型 基本 ges mon xxx str text 一、什麽是Python Python是面向對象、解釋型的計算機語言;語法簡潔、優雅、易學。 在1989誕生,Guido(龜叔)開發。龜叔非常喜歡一部叫做《Monty Python飛行馬戲團》的
java 學習筆記1
跨平臺原理 所有 com 路徑 運行機制 main 單位 width rtu 、 高級語言運行機制 高級語言按程序的執行方式分為編譯型和解釋型兩種。 java語言比較特殊,Java程序的執行必須經過先編譯後解釋的步驟。 1 編譯生成字節碼,只面向JVM(.class) 2J
Java Web學習筆記-1
根路徑 text .get set 接口 context cat 方法 web應用 1.servlet理論上可以處理多種形式的請求響應形式 ,http只是其中之一 ,所以HttpServletRequest、 HttpServletResponse分別是ServletReq
Redis學習筆記1--入門篇
ase list ica cati ctu apple string replace first 一、Redis簡介: Redis(http://redis.io)是一款開源的、高性能的鍵-值存儲(key-value store),它是用ANSI C來編寫。Redis的項目
Python學習筆記1安裝概述_20170610
lin 教程 linu 學習筆記 python學習 版本 pyc module 選擇 python 的安裝概述: 安裝Python3.6,教程很多 需要安裝的module:(註意選擇版本) numpy scipy matplotlib 以上,在Windows
前端學習筆記2017.6.21-html是個什麽東西
向人 比較 htm 發送 書寫 文檔 輕量 文件名 這就是 html有兩種意思,html語言和html格式 html語言是一種面向人類的計算機語言,這是啥意思?人類用html這種語言描述出一個網頁的樣子,瀏覽器解析這個語言並展示出來。 html格式是一種文件格式,裏面存儲的
深入理解 Java 虛擬機之學習筆記(1)
over 信息 hotspot 體系 ima 模塊化 介紹 style 創建 本書結構: 從宏觀的角度介紹了整個Java技術體系、Java和JVM的發展歷程、模塊化,以及JDK的編譯 講解了JVM的自動內存管理,包括虛擬機內存區域的劃分原理以及各種內存溢出異常產
前端學習筆記2017.6.12 CSS控制DIV
banner 成像 個性化 logs 一個 style 切換 back 成了 前一篇文章中用div布局了豆瓣東西的頁面,如果用html代碼表示的話大概是這個樣子的 <!DOCTYPE html><html><head></head
MySql 基礎學習筆記 1——概述與基本數據類型: 整型: 1)TINYINT 2)SMALLINT 3) MEDIUMINT 4)INT 5)BIGINT 主要是大小的差別 圖 浮點型:命令
where float 函數名 src ron 編碼方式 永遠 -m mas 一、CMD中經常使用mysql相關命令 mysql -D, --database=name //打開數據庫 --delimiter=name //指定分隔符 -h, --host=na
機器學習筆記 1 LMS和梯度下降(批梯度下降) 20170617
temp eas 理解 import 樣本 alt mes show 超過 # 概念 LMS(least mean square):(最小均方法)通過最小化均方誤差來求最佳參數的方法。 GD(gradient descent) : (梯度下降法)一種參數更新法則。可以作為L
lua學習筆記1 環境配置
http windows 安裝完成 顯示 get 技術分享 開發平臺 org www 1 開發平臺 windows7 64位 2 下載鏈接 http://www.lua.org/download.html 3 安裝完成-環境配置 4 運行 WIN+R 運行