語意化
文章目錄
- 語意化
- 什么是語意化
- 為什么需要語意化？
- 整個代碼如下
什么是語意化
-
每一個HTML元素都有具體的含義
比如：
a元素：超鏈接
p元素：段落
h1:一級標題 -
所有元素與展示效果無關
元素展示到頁面中的效果，應該由CSS決定，
因為瀏覽器帶有默認的CSS樣式
重要：選擇什么元素，取決于內容的含義，而不是顯示出的效果
為什么需要語意化？
- 為了搜索引擎優化（SEO）
搜索引擎:百度，搜狗，Bing,Google
每隔一段時間，搜索引擎從整個互聯網中，抓取頁面源代碼
- 為了讓瀏覽器理解網頁
閱讀模式，語音模式
整個代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=h1, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="font-size:5em;font-weight: normal;">一級標題</h1>
<span style="font-weight:bold;font-size:2em;">
加大加粗的字體
</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis maxime omnis cumque assumenda? Reprehenderit vel quia ut ratione iste quae, eveniet atque ipsum nulla praesentium fugit ea magnam dolore consequuntur iusto, aliquid harum consectetur veniam eius, fugiat sit aliquam libero quaerat blanditiis! Adipisci asperiores, hic quidem exercitationem quaerat nesciunt ut labore nobis illum consectetur veniam ipsam. Aspernatur quasi explicabo sint voluptatem unde eius consequatur eligendi totam? Assumenda magni hic in esse sint tempora? Soluta veritatis reprehenderit at laboriosam sequi ipsam ipsum et expedita cum non, natus alias voluptate rerum beatae ex dolore sunt fuga laudantium minus quod cumque perferendis culpa.
</p>
<p>
Lorem ipsum dolor sit amet.
</p>
</body>
</html>
執行圖如下：
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/290322.html
標籤：其他