HTML 语义化

最新推荐文章于 2025-12-01 22:54:44 发布

原创最新推荐文章于 2025-12-01 22:54:44 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

HTML语义化是指使用正确的元素来表达内容的含义，而非控制其显示效果。例如，a元素用于超链接，h1用于一级标题，p用于段落。语义化的网页有助于搜索引擎优化（SEO），使浏览器能更好地理解和呈现内容，如在阅读或语音模式下。通过遵循语义化，开发者可以创建更结构化的网页，提高可访问性和可维护性。

语义化

什么是语义化

1.每一个HTML元素都有具体的含义

a元素：超链接
p元素：段落
h1元素：一级标题

2.所有的元素与展示的效果无关

元素展示的效果由css决定,浏览器有默认的css代码
** 重要：选择什么元素，取决于内容的含义，而不是显示出的效果 **

3.为什么要语义化？
1）.为了搜索引擎的优化（SEO）

每隔一段时间，搜索引擎会从整个互联网中抓取页面源代码

2）.让浏览器理解网页

阅读模式，语音模式

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 style="font-size:.5em;font-weight: bold;"> 一级标题</h1>

    <p> 
        一个段落
        
    </p>
    <p> 
        一个段落
    </p>
</body>
</html>