HTML語義化的理解

語義化的主要目的：用正確的標簽做正確的事情。

語義化驗證方法：css裸奔--去掉css樣式，然后看頁面是否還具有很好的可讀性。

語義化意義 / 優點：
1.讓頁面的內容結構化
2.利於瀏覽器解析和SEO搜索引擎優化。
3.提高代碼的可維護和可重用性。

 

語義化內容：
1.標題語義化
2.圖片語義化
3.表單語義化
4.表格語義化

 

圖片語義化：
1.figcaption:圖注文字
2.alt:給搜索引擎看
3.title:給用戶看

        <figure>
            <img src="./01.jpg" alt="給搜索引擎用" title="給用戶看">
            <figcaption>741852963</figcaption>
        </figure>

 

表單語義化：
1.label-for:增強鼠標的可用性
2.legend:表單組標題
3.fieldset:給表單分組

             <form>
                <fieldset>
                    <legend>表單組標題</legend>
                    <p>
                        <label for="name">名字：</label>
                        <input type="text" name="">
                    </p>

                </fieldset>
            </form>

 

圖片顯示的方式：
1.使用img標簽：HTML---> 搜索引擎優化
2.作為背景圖：css --> 修飾頁面

 

 

H5舍棄的標簽：s、 u、 big、 center、 frame。