寫HTML代碼時(shí)，縮進(jìn)選用一個(gè)Tab鍵還是4個(gè)空格？

業(yè)內(nèi)有過縮進(jìn)選用Tab還是空格的爭論。在縮進(jìn)方面，Tab鍵和空格這兩種方法的特點(diǎn)并不相同。

10多年建站經(jīng)驗(yàn)， 成都網(wǎng)站制作、網(wǎng)站建設(shè)客戶的見證與正確選擇。創(chuàng)新互聯(lián)建站提供完善的營銷型網(wǎng)頁建站明細(xì)報(bào)價(jià)表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。

1、??????? Tab鍵與空格縮進(jìn)的特點(diǎn)

Tab鍵：在書寫代碼時(shí)會(huì)很方便，但是在不同編輯器當(dāng)中，距離大小有可能不同。在編輯器當(dāng)中，一個(gè)Tab鍵的長度大小存在一個(gè)默認(rèn)值，這個(gè)默認(rèn)值可以是兩個(gè)空格長度，也可以是4個(gè)，還可以是8個(gè)。由于團(tuán)隊(duì)開發(fā)當(dāng)中，每個(gè)人的編輯器默認(rèn)情況下可能不一致，從而有可能造成A的代碼放到B的編輯器中時(shí)，縮進(jìn)的長度發(fā)生變化。

4個(gè)空格：在每個(gè)編輯器中，空格大小一致，其不足之處在于：代碼書寫時(shí)會(huì)比較麻煩，需要按多次空格鍵。

2、??????? 如何選擇縮進(jìn)方式

其實(shí)并不需要糾結(jié)這個(gè)問題，各個(gè)編輯器都提供了“空格”和Tab鍵的相互轉(zhuǎn)換。因此，完全可以使用Tab鍵進(jìn)行書寫，在書寫完畢之后，將Tab鍵轉(zhuǎn)換為空格，之后生成最終文件即可。當(dāng)然，有些公司并不要求使用空格，那開發(fā)工程師就更方便了。

最終文件采用哪種方式，需要根據(jù)公司要求而定。如果公司沒有硬性要求，那么自己的代碼一定要保持一致性，不要出現(xiàn)“10個(gè)文件中，3個(gè)使用的是空格進(jìn)行縮進(jìn)，7個(gè)使用的是Tab鍵進(jìn)行縮進(jìn)”這種現(xiàn)象。

如圖所示，在Sublime編輯器中，可以進(jìn)行選項(xiàng)卡寬度的設(shè)定，也可以實(shí)現(xiàn)空格與Tab鍵的互相轉(zhuǎn)換。

資料來源：《HTML5布局之路》

HTML5 怎么讓文字位置發(fā)生變化，還有怎么改變字體顏色

通過css控制

text-indent:20px; ? ? ? ? ? 表示縮進(jìn)20像素

padding：20px; ? ? ? ? ? ? 表示內(nèi)距20像素，可以拆分成padding-left,padding-right,padding-top,padding-bottom,分別對(duì)四個(gè)方向控制，基于他的parent元素

margin:20px;????????????????表示外距20像素。跟padding類似，不過跟padding不同的padding會(huì)導(dǎo)致塊被撐大，而margin會(huì)導(dǎo)致塊偏移

position:absolute;left:10px;top:10px; ? ? ? ? 采用決定定位，基于父級(jí)以上（使用了定位方有效）絕對(duì)定位，left和top為偏移，同樣還有right，bottom做四個(gè)方向的偏移控制

float:right; ? ? ? ? ? ?塊浮動(dòng)，可選left，right。這個(gè)屬性會(huì)將元素從同級(jí)元素的占位中浮起來，不占位，并基于父元素做漂浮到左邊或右邊，不占位，跟普通元素會(huì)重疊，但是跟同樣帶float的可以有體積碰撞行成排列對(duì)齊的作用。

color:red; ? ? ? ? ? 表示字體是紅色。屬性可以以常見的顏色單詞，常用的采用RGB色值表示，比如#FFFFFF表示白色

HTML5,段落中的文字怎么使得首行不縮進(jìn)2格，其他行都縮進(jìn)2格

字符串截?cái)嗲皟蓚€(gè)字符顯示在左側(cè)，剩下的顯示在右側(cè)，左側(cè)寬2個(gè)字并向右對(duì)齊，右側(cè)向左對(duì)齊。

html css寫代碼的時(shí)候 怎么縮進(jìn) 合適？

一般用tab鍵進(jìn)行縮進(jìn)，占位4個(gè)字符，不要用空格。這個(gè)主要看個(gè)人習(xí)慣，統(tǒng)一即可。

各個(gè)編輯器的縮進(jìn)方式

sublime里面用tab縮進(jìn)，是默認(rèn)的4個(gè)字符。

phpstorm中寫代碼可以設(shè)定4個(gè)字符的縮進(jìn)，或者2個(gè)字符縮進(jìn)。

html5常用標(biāo)記及用法？

超文本標(biāo)記語言或超文本鏈接標(biāo)示語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）HTML（HyperText Mark-up Language）是一種制作萬維網(wǎng)頁面的標(biāo)準(zhǔn)語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。

它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文件是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML文件的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

html5中如何實(shí)現(xiàn)文字環(huán)繞圖片且首行縮進(jìn)

方法/步驟

準(zhǔn)備一張圖片，新建一個(gè)空白html文件

其中html文件內(nèi)容如下圖所示，html中包含了一張圖片，及對(duì)應(yīng)的描述段落

給html添加head標(biāo)簽，在標(biāo)簽中定義樣式。

style

p {border:1px solid red;}

img {float:left; margin:0 5px 5px 0;}

/style

用chrome瀏覽器打開上面的html文件，可以看到文字繞排效果，如下圖所示

由于在引入圖片時(shí)我們用到的語句是img src="Penguins.jpg" style="width: 50%;height:auto"/，這表明圖片的大小是會(huì)隨著瀏覽器窗口的大小調(diào)整而自動(dòng)調(diào)整的。所以當(dāng)放大或縮小瀏覽器窗口時(shí)，環(huán)繞效果會(huì)跟隨著變化。

如果要清除文字繞排效果，只需將float: letf樣式定義刪除即可。