常见的HTML新增语义化标签

最新推荐文章于 2024-08-22 20:49:03 发布
原创 最新推荐文章于 2024-08-22 20:49:03 发布 · 418 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文详细介绍了HTML5中的语义化标签及其用途，包括header、nav、article等，帮助读者更好地理解如何使用这些标签来提高网页的可读性和结构清晰度。

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

1、header 定义页面头部
2、nav 定义导航标签
3、article 定义页面独立的内容区域，一般为文章
4、aside 定义页面侧边栏内容
5、details 文档某个部分的细节
6、summary 是details中的标题
7、time 定义日期或时间
8、ruby 加注释，相当于加拼音

帅shuai

9、mark 着重表现出某个字体或段落

HTML5新增的语义化标签
原地起飞
08-02 3955
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
HTML第十次课堂笔记（新增语义化标签）
m0_59248606的博客
03-14 1161
一.HTML5是什么 HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML4.01和XHTML1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。 html5中新增的语义化标签可以分为两大类：块元素标签和内联元素标签。 ...
HTML一些新增的语义化标签
Letas的博客
12-29 314
语义化的一些标签目的是使代码更容易被理解，有利于其他设备语义化理解和搜索引擎优化（SEO） 语义化标签 在写HTML时尽量选择语义化标签，新增的语义化标签有： <header>定义页面头部 <nav>定义导航标签 <article>定义页面独立区域，通常为文章 <aside>定义页面侧边栏内容 <d
HTML语义化标签：
weixin_70443954的博客
11-25 2985
HTML语义化标签
常见html5语义化标签
趙小二啊
06-05 1005
语义化HTML：用最恰当的HTML元素标记的内容。                 优点：1 提升可访问性；                     2 SEO；                     3 结构清晰，利于维护；           （HTML5旧的行内元素都被归类为短语内容）            通用容器：div——块级通
整理 HTML5 新增的语义化标签
很馋的虫子
06-09 1万+
新的标签带来的是网页布局的改变及提升对搜索引擎的友好<article> 定义文章 <aside> 定义文章的侧边栏<figure> 一组媒体对象以及文字 <figcaption> 定义 figure 的标题<footer>定义页脚 <header>定义页眉<hgroup>定义对网页标题的组合 &lt
一些常见html5语义化标签
热门推荐
前端笔记
10-26 5万+
我们知道，创建结构清晰的页面可以建立良好的语义化基础，也降低了使用css的难度，下面总结了一些常用的语义化标签，有空慢慢更新，欢迎大家补充          语义化HTML：用最恰当的HTML元素标记的内容。                优点：1 提升可访问性；                     2 SEO；                     3 结构清晰，利于维
HTML5新增语义化标签
听海边涛声
08-22 311
HTML5新增语义化标签
HTML 5 新增语义化标签
weixin_49007365的博客
07-08 559
HTML 5 新增语义化标签 1、<header></header>它可以为父级标签呈现简介信息或者导航链接，适用于那些在多个页面顶部重复出现的内容。每个页面有一个; 2、<main></main>用于呈现网页的主体内容，且每个页面只能有一个。这意味着它只应包含与页面中心主题相关的信息，而不应包含如导航连接、网页横幅等可以在多个页面中重复出现的内容。 3、<article></article>是一个分段标签，用于呈现独立及完...
HTML5新特性之语义化标签
09-27
HTML5新增了一系列语义化标签，如`<article>`用于定义独立的内容区块，`<section>`用于划分页面的区域，`<aside>`通常用于侧边栏内容，`<hgroup>`用于组合多个标题，`<header>`和`<footer>`分别表示页面的头部和尾部...
html 5 新增语义化标签、智能表单 css 渐变、弹性盒相关知识总结 css 3D css 的一些其他属性
08-20
html 5 新增语义化标签、智能表单 css 渐变、弹性盒相关知识总结 css 3D css 的一些其他属性
html5 语义化标签实用指南
weixin_40348267的博客
04-24 763
以上就是 HTML5 中语义化标签的内容，这些内容在面试中也可能被问到，在平时写页面时留意下每个标签对应的含义，用在正确的位置才能发挥语义化标签最大的作用。：<figure> 用于表示独立的内容块，如图片、图表、代码示例等，而 <figcaption> 用于为这些内容块添加标题或说明。：表示导航部分，用于包含页面的主要导航链接。：表示一个独立的区块，可以包含一组相关的内容。：表示页面的侧边内容，通常是与页面主要内容相关但可以独立存在的内容。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
H5语义化标签
shine_scp的博客
07-17 4576
前端项目还在大片使用div+css来构建页面的时候，可读性极低，也导致维护成本很高，所以有了语义化标签。 下面从例子中总结语义化标签的意义。 比较标签：&lt;b&gt;VS&lt;strong&gt;    &lt;i&gt;VS&lt;em&gt; 首先两组标签在页面中的呈现都是相同的效果，第一组显示出来都是文本加粗，第二组则都是显示为斜体，那到底有什么不同呢？ &lt;b&gt;与&lt...
HTML常用标签及属性
几多清喜
09-05 2431
HTML常用的标签及属性
CSS布局的漂浮和定位
几多清喜
09-07 592
CSS的布局漂浮float： 属性值： left：文本流向对象的右边 right：文本流向对象的左边 CSS布局的定位position： 属性值： absolute： 将对象从文档流中拖出； 可以是top、bottom等属性进行定位 relative： 不会把对象文档流中 拖出 可以使用t
js的语句判断
几多清喜
09-07 524
js里面的语句： if判断 switch语句switch(a){ case 5; break; case 4;
js与HTML结合的方式和原始类型
几多清喜
09-07 389
第一种： 使用标签<script type="text/javascript"> 这里写js代码 <script>第二种：使用script标签，引入一个外部js文件。 <script type="text/javascript" src="js文件的地址">这里不用写`js`代码</script> 使用第二种方法的时候就不用再里面写代码了，因为
CSS的基本选择器和优先级
几多清喜
09-07 368
1、标签选择器： 使用表现作为选择器的名称 div{ background-color:red; color:white } 2、class选择器 每一个HTML标签都有一个属性： 啊哈哈谁说的
h5新增语义化标签main
最新发布
11-20
HTML5引入了许多新的语义化标签，其中一个重要的就是`<main>`标签。`<main>`标签用于定义文档的主要内容区域，通常包含用户首先看到、交互最频繁的信息。这个标签主要用于提高页面结构的清晰性和SEO优化，帮助搜索...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值