保驾护航金三银四，万字解析！
從事前端開(kāi)發(fā)工作差不多3年了，自己也從一個(gè)什么都不懂的小白積累了一定的理論和實(shí)踐經(jīng)驗(yàn)，并且自己也對(duì)這3年來(lái)的學(xué)習(xí)實(shí)踐歷程有一個(gè)梳理，以供后面來(lái)細(xì)細(xì)回憶品味。
1、為什么選擇學(xué)習(xí)前端開(kāi)發(fā)？
你可能是因?yàn)榕d趣，完成一個(gè)網(wǎng)站、頁(yè)面、功能的成就感。你也可能是因?yàn)楝F(xiàn)在前端崗位火爆，就業(yè)率高。不管是因?yàn)槭裁?#xff0c;只要找準(zhǔn)了目標(biāo)，學(xué)就是了！
標(biāo)簽語(yǔ)義化：
語(yǔ)義和默認(rèn)樣式的區(qū)別：
- 默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式；
- 語(yǔ)義化的主要目的就是讓大家直觀的認(rèn)識(shí)標(biāo)簽和屬性的用途和作用；
標(biāo)簽語(yǔ)義化作用：
- 當(dāng)只有HTML頁(yè)面時(shí)，沒(méi)有CSS，我們?nèi)匀豢梢院芮逦目炊?yè)面的DOM結(jié)構(gòu)
- 團(tuán)隊(duì)維護(hù)，當(dāng)團(tuán)隊(duì)來(lái)review代碼或者重構(gòu)時(shí)，增強(qiáng)代碼的可讀性，更利于維護(hù)
- 有利于SEO，搜索引擎爬蟲(chóng)依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重
- 提高用戶體驗(yàn)，比如 title 和 alt 等用來(lái)解釋內(nèi)容信息
常用語(yǔ)義化的標(biāo)簽：
- <header>頭部標(biāo)簽，用來(lái)寫(xiě)網(wǎng)頁(yè)最上方的公共頭部，也就是頁(yè)眉。
- <nav>標(biāo)簽，用來(lái)寫(xiě)導(dǎo)航，一般寫(xiě)在<header>標(biāo)簽里面，內(nèi)部用<ul>無(wú)序列表。
-
<code>：code可以包裹html語(yǔ)句而不會(huì)被瀏覽器再去解析。
-
<pre>，<samp>：這是一段HTTP協(xié)議的內(nèi)容描述，因?yàn)檫@段內(nèi)容的換行是非常嚴(yán)格的，所以我們不需要瀏覽器幫我們做自動(dòng)換行，因此我們使用了pre標(biāo)簽，表示這部分內(nèi)容是預(yù)先排版過(guò)的，不需要瀏覽器進(jìn)行排版。
-
<article>標(biāo)簽，當(dāng)我們要寫(xiě)網(wǎng)頁(yè)文章的主要內(nèi)容時(shí)，要用到這個(gè)標(biāo)簽。
- <address>標(biāo)簽，定義文檔作者或擁有者的聯(lián)系信息。
如果 <address> 元素位于<article>元素內(nèi)部，則它表示該文章作者或擁有者的聯(lián)系信息。
通常的做法是將 address 元素添加到網(wǎng)頁(yè)的頭部或底部。
- <p>段落標(biāo)簽
知道了
作為段落，你就不會(huì)再使用<br/>來(lái)?yè)Q行了，而且不需要<br/>來(lái)區(qū)分段落與段落。
<p></p>中的文字會(huì)自動(dòng)換行，而且換行的效果優(yōu)于<br/>。
- <span>標(biāo)簽
<span>標(biāo)簽的語(yǔ)義為被用來(lái)組合文檔中的行內(nèi)元素
- <b>、<em>、<strong>
<b>標(biāo)簽語(yǔ)義為“加粗”
<em>標(biāo)簽語(yǔ)義為“強(qiáng)調(diào)”
<strong>標(biāo)簽語(yǔ)義為“更強(qiáng)烈的強(qiáng)調(diào)” 而且em 默認(rèn)用斜體表示，strong 用粗體表示。
最后
由于文檔內(nèi)容過(guò)多，為了避免影響到大家的閱讀體驗(yàn)，在此只以截圖展示部分內(nèi)容，詳細(xì)完整版的JavaScript面試題文檔，或更多前端資料可以點(diǎn)此處免費(fèi)獲取。
展示部分內(nèi)容，詳細(xì)完整版的JavaScript面試題文檔，或更多前端資料可以點(diǎn)此處免費(fèi)獲取。
總結(jié)
以上是生活随笔為你收集整理的保驾护航金三银四，万字解析！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 暗区突围情报怎么获得
- 下一篇： 保驾护航金三银四，使用指南