html語義化就是讓頁面內容結構化，它有如下優點
1、易於使用者閱讀，樣式丟失的時候能讓頁面呈現清晰的結構。2、有利於seo，搜尋引擎根據標籤來確定上下文和各個關鍵字的權重。3、方便其他裝置解析，如盲人閱讀器根據語義渲染網頁4、有利於開發和維護，語義化更具可讀性，**更好維護，與css3關係更和諧代表頭部代表超連結區域定義文件主要內容可以表示文章、部落格等內容通常表示側邊欄或嵌入內容代表尾部有、、、、、、等...rem：相對於根元素html的font-size，假如html為font-size：12px，那麼，在其當中的div設定為font-size：2rem,就是當中的div為24px
em：相對于父元素計算，假如某個p元素為font-size:12px,在它內部有個span標籤，設定font-size：2em,那麼，這時候的span字型大小為：12*2=24px
transition：過渡transform：旋轉、縮放、移動或者傾斜animation：動畫gradient：漸變shadow：陰影border-radius：圓角position: relative相對定位：相對定位是相對於元素在文件中的初始位置
flex布局
display: flex //設定flex模式flex-direction: column //決定元素是橫排還是豎著排flex-wrap: wrap //決定元素換行格式justify-content: space-between //同一排下對齊方式，空格如何隔開各個元素align-items: center //同一排下元素如何對齊align-content: space-between //多行對齊方式行內元素：display: inline-block;塊級元素：margin: 0 auto;flex: display: flex; justify-content: center行高 = 元素高：line-height: heightflex: display: flex; align-item: centerdisplay: -webkit-box-webkit-box-orient:vertical-web-line-clamp:3overflow:hidden覺得不錯，點個「在看」然後**出去
HTML常見面試題
2.1 什麼是 html 語義化?html語義化，也就是標籤的語義化，指的是通過標籤便能判斷內容具 體語言含義。例如，瀏覽器可以根據h1標籤判斷出標籤包含的內容是標 題，根據p標籤可以判斷出內容是段落等。2.2 為什麼要 html 語義化？1.對搜尋引擎友好。2.更容易讓螢幕閱讀器讀取網頁內容。3....
前端常見面試題一
js事件委託就是利用冒泡的原理，把本應該新增到某個元素上的事件委託給他的父級，從而減少dom互動達到網頁優化 var ulobj document.getelementbyid list ulobj.onclick function e nodename 屬性可依據節點的型別返回其名稱。如果節點是乙...
高階前端常見面試題
1 請介紹一下回流 reflow 與重繪 repaint 回流 當我們對 dom 的修改引發了 dom 幾何尺寸的變化 比如修改元素的寬 高或隱藏元素 等 時，瀏覽器需要重新計算元素的幾何屬性 其他元素的幾何屬性和位置也會因此受到影 響 然後再將計算的結果繪製出來。這個過程就是回流 也叫重排 重繪 ...