HTML的语义化标签

最新推荐文章于 2022-11-25 21:01:44 发布

cC_2333

最新推荐文章于 2022-11-25 21:01:44 发布

阅读量200

点赞数

分类专栏： html语义化标签

本文链接：https://blog.csdn.net/cC_2333/article/details/107749735

版权

html语义化标签专栏收录该内容

1 篇文章 0 订阅

订阅专栏

语义化标签

块元素（block element）：在页面中独占一行的元素；如下：

h1~h6一共有六级标签
从h1到h6重要性递减，h1最重要，且一般情况下只有一个h1；
一般情况下标题的标签只会使用h1到h3。

hgroup标签：用来为标题分组，可以将标签同时放在hgroup内
如下：

<hgroup>
<h1>回乡偶书（二首）</h1>
<h2>其一</h2>
</hgroup>

p标签：标签内的内容就是一个段落。`

<p>今天的雨下得真大!</p>

行内元素（inline element）：在页面中不独占一行的元素
例如：
em标签：对某些字词语音的加重

<p>今天的雨下得<em>真</em>大！</p>

strong标签：强调某些内容

<p>你今天必须<strong>写完论文！</strong></p>

引用标签
长引用：blockquote
段引用：q

鲁迅说：
<blockquote>其实世上本没有路，走的人多了，便成了路</blockquote>
子曰：
<q>学而时习之</q>

1.一般情况下在块元素放行内元素，而不会在行内元素中放块元素
2.块元素中基本什么都可以放，p元素除外

此外，浏览器在解析网页的时候，会自动对网页中不符合规范的内容进行修正。
比如：
       标签写在了根元素的外边；
       p元素中嵌套了块元素；
       根元素中出现了除了head和body以外的子元素；

结构化语义标签

<head></head>表示网页的头部
<main></main>表示网页的主体部分（一个页面中只有一个main）
<footer></footer>表示网页的底部

<nav><nav>表示网页中的导航
<aside></aside>和主体相关内容的其他内容（侧边栏）
<article></article>表示独立的文章


<section></section>表示一个独立的区块，上面的标签都不能使用的时候是有用section标签
<div></div>没有语义，就是一个来表示一个区块，目前来说div是我们主要的布局元素
<span></span>是一个行内元素，没有任何语义，一般用于网页中选中文字