資訊專欄INFORMATION COLUMN
摘要：標(biāo)簽的特點是獨占一行，并且段落上下都會有一定的間隔距離。標(biāo)簽標(biāo)簽的作用是將里面的文字加粗處理。結(jié)構(gòu)化標(biāo)簽還有另外一個作用就是用來為里面的子元素設(shè)置樣式。標(biāo)準(zhǔn)中提到標(biāo)簽是空標(biāo)簽意味著它沒有結(jié)束標(biāo)簽，因此這是錯誤的。
hi，小哥哥小姐姐們，我們今天要說的是前端的入門，卻也是十分重要的意識的培養(yǎng)哦！
? html中的標(biāo)簽數(shù)量是很多的，據(jù)人統(tǒng)計大概有300個左右，并且每年都會以20-30個的速度增加著，但是這么多的標(biāo)簽我們不必都去記住，因為很多標(biāo)簽都是不常用的或者可以用基礎(chǔ)的標(biāo)簽搭配組合，實際上我們需要掌握的大概在30個左右。
??在前端開發(fā)中我們要知道，并不是你用的技術(shù)多么先進就顯得多么厲害，我們要考慮到代碼的可讀性以及后期的可維護性，用常見的標(biāo)簽來寫才會讓其他人都能讀懂你的代碼。
? 代碼中還有一點很重要的就是要勤寫注釋喲~ 順便一提在html中的注釋形式是
好了前言說完了，我們正式開始介紹一些標(biāo)簽吧！
（這里的標(biāo)簽都是屬于html4中的內(nèi)容，html5會有新的標(biāo)簽和新的內(nèi)容，我在后面的文章中再介紹。）
??p標(biāo)簽
是段落標(biāo)簽，在中間寫的內(nèi)容會當(dāng)做一個段落來處理。p標(biāo)簽的特點是獨占一行，并且段落上下都會有一定的間隔距離。
??標(biāo)題標(biāo)簽 h1-h6
標(biāo)題標(biāo)簽的作用是著重顯示文字，一般用在標(biāo)題上，它會將里面的文字加粗放大并且獨占一行。其中h4的默認大小是正常的文字大小，不過是加粗的。
??strong標(biāo)簽
標(biāo)簽的作用是將里面的文字加粗處理。
??em標(biāo)簽
的作用是將里面的文字變成斜體。
??del標(biāo)簽
是刪除標(biāo)簽，它會在里面的文字的中間畫一條橫線，一般在打折的時候使用。
??address 標(biāo)簽
是地址標(biāo)簽，它會將里面的內(nèi)容變成斜體并且獨占一行。這六個是很基礎(chǔ)很簡單的標(biāo)簽，作用也是顯而易見，還有另外一種結(jié)構(gòu)化標(biāo)簽，它們沒有特殊的效果，而是用來當(dāng)做容器來盛放其他的標(biāo)簽，這有點類似于每個家庭中都會多帶帶分出來廚房臥室大廳等區(qū)域，然后每個區(qū)域中還有各種各樣的設(shè)備，這里的家庭中的區(qū)域就是我們的結(jié)構(gòu)化標(biāo)簽的作用。
結(jié)構(gòu)化標(biāo)簽還有另外一個作用就是用來為里面的子元素設(shè)置樣式。一般的元素如果某一條屬性沒有被開發(fā)者設(shè)置樣式的話，它會自動繼承父級元素的相應(yīng)屬性的樣式。
比如我們現(xiàn)在有三個p標(biāo)簽，我們想讓三個p標(biāo)簽里面的文字都變成紅色，給三個p標(biāo)簽都寫上color:red 是非常麻煩的，最簡單的方法是將三個p標(biāo)簽都放到一個結(jié)構(gòu)化標(biāo)簽里面，給這個結(jié)構(gòu)化標(biāo)簽一個color:red的樣式，這樣里面的三個p標(biāo)簽就都會有這個樣式了。
這兩點作用是最常見的，因此我們在寫一個頁面之前，最先考慮的就是結(jié)構(gòu)問題，因此一般先寫結(jié)構(gòu)化標(biāo)簽。
??div
標(biāo)簽可以說是我們在前端開發(fā)中用的最多的標(biāo)簽了。??span
標(biāo)簽里面多數(shù)情況下盛放文字或者小icon之類的小物件。
我們現(xiàn)在為div標(biāo)簽設(shè)置一下樣式，并且在中間加一些文字。
我們發(fā)現(xiàn)文字會在這個div標(biāo)簽的邊界處自動換行，也就是說這個div標(biāo)簽圈定了一個范圍，里面的文字或者其他標(biāo)簽都默認在這個范圍里面顯示。
但是當(dāng)我們在中間書寫的不是中文而是一串英文字符的時候，我們會發(fā)現(xiàn)這一串英文字符在div的邊界處并沒有換行，而是一直顯示下去，這是為什么呢？
? 這是因為我們的每一個漢字，計算機都會認出來是一個多帶帶的單詞，每一個漢字都會默認地和其他漢字分隔開，但是英文字母卻不會默認地分隔開，因為計算機不知道多少個英文字母才算是一個單詞，因此我們需要手動為其添加分隔符。
而這個分隔符我們也不陌生，就是我們常用的空格，只要我們在這一串字符中間加幾個空格，那么被空格隔開的字符就會被當(dāng)做是一個單詞從而與其他的單詞分隔開。
那么現(xiàn)在問題來了，空格的作用是當(dāng)做分隔符來使用，并不是我們所想的那種空白的一個格，那么我們怎么在html中寫空白格呢？
? 這里我們就要提到一個名詞叫做編碼集了。我們在書寫html的時候，很多特殊的符號是無法寫出來的，這個時候我們只能用編碼來讓瀏覽器識別我們所想的符號。編碼的格式是&編碼;?千萬不能忘記后面的分號喲~
? 空格的編碼就是 當(dāng)我們寫多個 的時候，在頁面中我們也就可以看到多個空白格了。
? 其次，用來當(dāng)做標(biāo)簽的尖括號<>也是無法正常通過符號來顯示出來的，我們同樣需要用編碼集讓瀏覽器識別出來。< 小于號的編碼是 大于號的編碼時>?great than的意思。我們只要在html中寫這兩個編碼，那么大于號和小于號就可以正常顯示出來了喲~我記得有一個表情是 >_<~
? 同樣的，回車也是屬于分隔符，在html中回車是沒有作用的，我們想要在網(wǎng)頁上讓文字顯示出回車換行的效果的話，編碼同樣也是沒有辦法實現(xiàn)的，我們需要一個標(biāo)簽叫做
標(biāo)簽，這個標(biāo)簽的作用就是換行。w3c標(biāo)準(zhǔn)中提到：
標(biāo)簽是空標(biāo)簽（意味著它沒有結(jié)束標(biāo)簽，因此這是錯誤的：
）。在 XHTML 中，把結(jié)束標(biāo)簽放在開始標(biāo)簽中，也就是
。
下一篇我們會繼續(xù)教給大家HTML里更多的標(biāo)簽
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1500.html
摘要：教程標(biāo)準(zhǔn)超文本標(biāo)記語言英語，簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。版本從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多版本版本發(fā)布時間聲明聲明有助于瀏覽器中正確顯示網(wǎng)頁。聲明是不區(qū)分大小寫的，以下方式均可通用聲明查看完整網(wǎng)頁聲明類型參考手冊。HTML 教程-?(HTML5 標(biāo)準(zhǔn)) 超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。...
摘要：一什么是是超文本標(biāo)記語言，超文本的意思就是指頁面內(nèi)可以包含圖片鏈接，甚至音樂程序等非文字元素。這表示著元素的結(jié)尾這表示元素在此結(jié)束在本例中即段落在此結(jié)束。元素指定了當(dāng)前的字符編碼是，它包括了非常多人類已知語言的字符。 一·什么是HTML HTML（HyperText Markup Language）是超文本標(biāo)記語言，超文本的意思就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素...
摘要：年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為提案被提出年月作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布。規(guī)定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 作者：陳大魚頭 github： KRISACHAN 上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關(guān)設(shè)備屏幕的知識以及瀏覽器視口的坐標(biāo)...
摘要：年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為提案被提出年月作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布。規(guī)定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 作者：陳大魚頭 github： KRISACHAN 上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關(guān)設(shè)備屏幕的知識以及瀏覽器視口的坐標(biāo)...
閱讀 3022·2021-11-18 10:07
閱讀 3765·2021-11-17 17:00
閱讀 2103·2021-11-15 18:01
閱讀 926·2021-10-11 10:58
閱讀 3373·2021-09-10 10:50
閱讀 3442·2021-08-13 15:05
閱讀 1229·2019-08-30 15:53
閱讀 2640·2019-08-29 13:01
