從事前端開發工作差不多3年了，自己也從一個什么都不懂的小白積累了一定的理論和實踐經驗，并且自己也對這3年來的學習實踐歷程有一個梳理，以供后面來細細回憶品味。

1、為什么選擇學習前端開發？

你可能是因為興趣，完成一個網站、頁面、功能的成就感。你也可能是因為現在前端崗位火爆，就業率高。不管是因為什么，只要找準了目標，學就是了！

標簽語義化：

語義和默認樣式的區別：

• 默認樣式是瀏覽器設定的一些常用tag的表現形式；
• 語義化的主要目的就是讓大家直觀的認識標簽和屬性的用途和作用；

標簽語義化作用：

• 當只有HTML頁面時，沒有CSS，我們仍然可以很清晰的看懂頁面的DOM結構
• 團隊維護，當團隊來review代碼或者重構時，增強代碼的可讀性，更利于維護
• 有利于SEO，搜索引擎爬蟲依賴于標簽來確定上下文和各個關鍵字的權重
• 提高用戶體驗，比如 title 和 alt 等用來解釋內容信息

常用語義化的標簽：

• <header>頭部標簽，用來寫網頁最上方的公共頭部，也就是頁眉。

<header><h1>一級標題</h1><h2>二級標題</h2> </header>

• <nav>標簽，用來寫導航，一般寫在<header>標簽里面，內部用<ul>無序列表。

<nav><ul><li></li><li></li><li></li></ul> </nav>

• <code>：code可以包裹html語句而不會被瀏覽器再去解析。

• <pre>，<samp>：這是一段HTTP協議的內容描述，因為這段內容的換行是非常嚴格的，所以我們不需要瀏覽器幫我們做自動換行，因此我們使用了pre標簽，表示這部分內容是預先排版過的，不需要瀏覽器進行排版。

• <article>標簽，當我們要寫網頁文章的主要內容時，要用到這個標簽。

<article><h2>標題</h2><p>內容</p> </article>

• <address>標簽，定義文檔作者或擁有者的聯系信息。

如果 <address> 元素位于<article>元素內部，則它表示該文章作者或擁有者的聯系信息。

通常的做法是將 address 元素添加到網頁的頭部或底部。

• <p>段落標簽

知道了

作為段落，你就不會再使用<br/>來換行了，而且不需要<br/>來區分段落與段落。
<p></p>中的文字會自動換行，而且換行的效果優于<br/>。

<p>段落內容</p>

• <span>標簽

<span>標簽的語義為被用來組合文檔中的行內元素

• <b>、<em>、<strong>

<b>標簽語義為“加粗”

<em>標簽語義為“強調”

<strong>標簽語義為“更強烈的強調” 而且em 默認用斜體表示，strong 用粗體表示。

最后

由于文檔內容過多，為了避免影響到大家的閱讀體驗，在此只以截圖展示部分內容，詳細完整版的JavaScript面試題文檔，或更多前端資料可以點此處免費獲取。

展示部分內容，詳細完整版的JavaScript面試題文檔，或更多前端資料可以點此處免費獲取。

總結

以上是生活随笔為你收集整理的保驾护航金三银四，万字解析！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。