保驾护航金三银四,万字解析!
從事前端開(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)題。
- 上一篇: 暗区突围情报怎么获得
- 下一篇: 保驾护航金三银四,使用指南