整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
.用正確的標簽做正確的事情。
2.html語義化讓頁面的內容結構化，結構更清晰，便于對瀏覽器、搜索引擎解析;
3.即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;
4.搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重，利于SEO;
5.使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。
簡單例子：以前大部分都是div和span
<body> <div id="header">...</div> <div id="nav"><span>...</span></div> <div class="artical"> <div class="section"></div> </div> <div id="side-bar"><span>...</span></div> <div id="footer">...</div> </body>
現在HTML5之后，好多了：article、footer、header、nav、section。
<body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body>
布局效果：
義化標簽還有<header>(頭部)、<nav>(導航)、<main>(主要區域)、<article>(主要內容)、<section>(區塊)、<aside>(側邊欄)和<footer>(底部)等。
語義化優點：
如果沒有defer或async屬性，瀏覽器會立即加載并執行相應的腳本。它不會等待后續加載的文檔元素，讀取到就會開始加載和執行，這樣就阻塞了后續文檔的加載。
下圖可以直觀的看出三者之間的區別:
其中藍色代表js腳本網絡加載時間，紅色代表js腳本執行時間，綠色代表html解析時間。
defer 和 async屬性都是去異步加載外部的JS腳本文件，它們都不會阻塞頁面的解析，其區別如下：
在網頁HTML的頂部，會發現頂部有一個<!DOCTYPE html>聲明，所有處于標簽之前，它不是html標簽。主要作用是告訴瀏覽器的解析器使用哪種HTML規范或者XHTML規范來解析頁面。
如果不寫文檔DOCTYPE聲明，瀏覽器將無法獲知HTML或XHTML文檔的類型，也會進入怪異模式，那么，在不同的瀏覽器下，顯示的樣式效果會不一致；相反，瀏覽器按照W3C標準來解析代碼，呈現頁面。
<meta> 標簽由 name 和 content 屬性定義，用來描述網頁文檔的屬性，比如文章作者、關鍵詞等。常用的meta標簽：
對于viewport中的值，有下列選項：
對接下來很多應屆生面臨找工作面試的問題，我將會總結一些前端面試常見的問題和大家分享。希望能幫助到即將進入職場的同學們。話不多說，我們開始吧。
1、用正確的標簽做正確的事情。
2、使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。
3、即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;
4、html語義化讓頁面的內容結構化，結構更清晰，便于對瀏覽器、搜索引擎解析;
5、搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重，利于SEO;
歡迎你給我留言~
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
