1. 程式人生 > >前端學習筆記1 HTML的6種空格

前端學習筆記1 HTML的6種空格

  HTML提供了6種空格(space entity),它們擁有不同的寬度。
  非斷行空格( )是常規空格的寬度,可運行於所有主流瀏覽器。其它幾種空格(   ‌‍)在不同瀏覽器中寬度各異。
   叫不換行空格,全稱為No-Break Space,它是最常見且使用最多的空格,大多數的人可能只接觸了 ,它是按下space鍵產生的空格。在HTML中,如果你用空格鍵產生此空格,空格是不會累加的(只算1個)。要使用html實體表示才可累加,該空格佔據寬度受字型影響明顯而強烈;
   

叫“半形空格”,全稱是En-Space,en是字型排印學的計量單位,為em寬度的一半。根據定義,它等同於字型寬度的一半(如16px字型中就是8px)。名義上是小寫字母n的寬度。此空格傳承了空格家族一貫的特性:空格顏色透明,此空格有個相當穩健的特性,即其佔據的寬度正好是1/2箇中文字元寬度,而且基本上不受字型影響;
   叫“全形空格”,全稱是Em-Space,em是字型排印學的計量單位,相當於當前指定的點數。例如 1em 在16px的字型中就是16px。此空格也傳承空格家族一貫的特性:空格顏色透明,此空格特性也相當穩健,即其佔據的寬度正好是1箇中文字元寬度,而且基本上不受字型影響;
   
叫窄空格,全稱是Thin-Space。我們不妨稱之為“瘦弱的空格”,即該空格長得比較瘦弱,身體單薄,佔據的寬度比較小,是 em 寬度的之六分之一;
  ‌叫零寬不連字,全稱是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 運行