前端应用_html_html块，语义化标签

最新推荐文章于 2025-07-18 08:21:32 发布

原创最新推荐文章于 2025-07-18 08:21:32 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html 块 div span #语义化标签

html 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了HTML的基本使用，包括div和span等元素的作用及区别，并通过示例展示了如何结合CSS进行网页布局，强调了语义化标签的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html块

一共有两个

div 块元素，标识一块内容，没有具体含义
span 行内元素，标识一小块内容，没有具体含义
前面都说了没有具体的含义，还没有样式，到底要他有何用呢，
大家一定听说了，div 加 css 吗，就是利用 div 没有含义的然后加入自己想要的效果就用css

含样式和语义的标签

em 表示强调作用，（斜体）
i 表示专业名词（斜体）
b 文档的关键字（加粗）
strong 非常重要的内容（加粗）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 这是注释的格式-->

</head>
<body>
<div>

超级文本标记语言是<em>标准通用标记语言</em>下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
    网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
    <i>浏览器</i>按顺序阅读网页文件，然后根据<b>标记符解释</b>和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
    但需要注意的是，对于<strong>不同的浏览器</strong>，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果.

</div>
</body>
</html>

总结：我们一定要能用语义化标签就用，因为对于搜索引擎来说他更能理解你的结构，方便网站的收录，在搜索排行更能靠前。