HTML5的语义元素

于 2023-11-06 14:03:34 发布
阅读量1.6k 收藏 1
点赞数 29
分类专栏： HTML、CSS、JavaScript软件开发 文章标签： html5 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/corlin6688/article/details/134244977
版权
  • HTML5语义元素：

HTML5提供新的语义元素来明确一个web页面的不同部分：<head>、<nav>、<section>、<article>、<aside>、<figcation>、<figure>、<footer>。

1）、<section>元素：

<section>标签定义文档中的节，比如章节、页眉、页脚或文档中的其他部分。示例：

<section>

<h1>wsx</h1>

了解本专栏 订阅专栏 解锁全文
colin工作室
关注
  • 29
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
HTML 四十六 HTML5 语义
W_H_M_2018的博客
09-19 1034
语义学（源自古希腊）可定义为对语言意义的研究。 语义元素是拥有语义的元素。 什么是语义元素？ 语义元素清楚地向浏览器和开发者描述其意义。 非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。 语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。 浏览器支持 此外，您可以“帮助”老式浏览器处理“未知元素”。所有现代浏览器均支持 HTML5 语义元素。 在 HTML5 浏览器
EduCoder-Web程序设计基础-html5—分文本层次语义元素-第2关：文本层次语义元素
weixin_51402180的博客
12-04 419
目录任务描述相关知识编程要求测试说明代码实例 任务描述 本关任务：合理运用文本层次语义元素完成一个“重要通知”的程序设计。效果图如下： 文本层次语义效果图 相关知识 为了完成本关任务，你需要掌握：1.strong元素，2.em元素，，3.mark元素4.def元素。 相关元素说明 em元素、strong元素、mark元素、def元素均为HTML5中定义的语义化元素，分别强调、更加强调、醒目显示、和定义术语的语义。这些元素均为行内元素，排版时如需换行，应使用 标签。 编程要求 根据前面的效果图，在右侧编辑器中
EduCoder-Web程序设计基础-html5—分文本层次语义元素-第3关：cite元素和time元素
weixin_51402180的博客
12-04 486
目录任务描述相关知识编程要求测试说明代码示例 任务描述 本关任务：运用HTML5的语义化元素设计一个带有时间语义和引用说明的程序。效果图如下： 文本语义效果图2 相关知识 为了完成本关任务，你需要掌握：1.time元素，2.cite元素。 time元素 time元素定义日期或时间,该元素能够在该元素的内容中未指定日期或时间时，让机器可读，比如用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。 time元素常用属性主要有datetime和pubdate。 datetim
HTML5中什么是文本层次语义元素,HTML5——列表元素、结构元素、分组元素、页面交互元素、文本层次语义元素、全局属性...
weixin_35426202的博客
06-02 935
列表元素无序列表：网页中最常用的列表，其各个列表项之间没有顺序级别之分，通常是并列的。其基本语法格式：列表项1列表项2列表项3...有序列表：有排列顺序的列表，其各个列表项按照一定的顺序排列。其基本语法格式：列表项1列表项2列表项3...定义列表：用于对术语或名词进行解释和描述。与无需列表不同，定义列表的列表项前没有任何项目符号。其基本语法格式：名词1名词1解释1名词1解释2...名词2名词2解释...
EduCoder-Web程序设计基础-html5—分文本层次语义元素-第1关：文本层次语义元素相关概念
weixin_51402180的博客
12-04 526
1、下列元素中，（ ）可用于把文本定义为语气更强的强调的内容。 A、 B B、 em C、 strong D、 bolder 答案：C 2、下列选项中，用于定义计算机代码文本的元素是（ ）。 A、 code B、 samp C、 cite D、 dfn 答案：A 3、下列选项中，不具有语义的元素是（ ）。 A、 mark B、 time C、 kbd D、 span 答案：D 4、在HTML文本层次语义元素中，用于对参考文献的引用进行定义的是（ ）。 A、 strong B、 cite C、
HTML5 语义元素
12-14
HTML5 语义元素是网页设计中至关重要的概念，它们为网页内容提供了更明确的意义和结构，使得浏览器、搜索引擎和开发者能更好地理解网页的内容。在HTML5之前，很多元素如`<div>`和`<span>`是无语义的，它们仅仅作为...
HTML5语义化元素你真的用对了吗
01-21
HTML5语义元素 语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例：和<span>- 对其内容一无所知。 语义元素的示例：<form>...
HTML5&CSS3网页制作：文本层次语义元素.pptx
06-01
HTML5网页制作中文本层次语义元素的应用 在HTML5网页制作中，文本层次语义元素是一种非常重要的元素，它们可以使HTML页面中的文本内容更加形象生动，从而提高页面的阅读性和可读性。本文将对文本层次语义元素进行...
Html5新增元素详解.pptx
11-15
Html5 中的新元素包括结构元素、行内语义元素、块级语义元素、input 元素的类型、多媒体元素和交互性元素等。 Html5 中的一些重要变化包括： 1. 可以省略标签的元素：Html5 中有一些元素可以省略标签，例如 input...
HTML5新语义
11-03
HTML5新语义及基本布局: HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似 <div> 和 <span> 标签，但有一定含义，例如 （网站导航块）和 。这种标签将有利于搜索引擎的索引整理、小...
HTML5新增5个行内语义元素（详解）
小柒的前端之旅
04-02 974
●mark mark元素表示页面中需要突出显示的文本。（相当于荧光笔在纸上标出的文字） 除mark元素之外，em和strong元素也可以突出显示文本。 <div> <mark>html5</mark>是用于取代 1999年所制定的<strong>html 4.01</strong&gt...
【HTML】H5中的语义元素
yy_bazinga的博客
03-03 440
语义元素语义元素header元素main元素footer元素nav元素aside元素article元素section元素说明 语义元素 语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义元素实例（无需考虑内容）: <div> 和 <span> ； 语义元素实例（清楚的定义了它的内容）: <form>、<table>、<img>。 header元素 header元素可以表示网页的头部
初学HTML5——语义化标签
lxl513513的博客
03-02 1202
HTML5中的语义化标签 一.结构元素 1.header元素：是一种具有引导和导航作业的结构元素，该元素可以包含所有通常放在页面头部的内容。 注.header是一个标签，类似于p标签。此外，还要分清head和header，head是网页的头部，header是指头部的信息。 基本语法： ><header> > <h1>网页主题</h1> > ...
H5新增的行内的语义元素
06-15 1898
一、mark元素 mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，其比较典型的应用就是在搜索结果中高亮显示搜索关键词。 HTML5中代码示例 HTML4中代码示例 二、time元素 time元素表示日期或时间，也可以同时表示两者。 HTML5中代码示例 HTML4中代码示例 三、meter元素 meter元素表示度量衡，仅仅用于已知最大
html5语义化标记元素_语义HTML5元素介绍
cumi7754的博客
08-14 696
html5语义化标记元素Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. 语义HTML元素是以人类和机器可读的方式清楚地描述其含义的元素。 Elements such as <header>, <footer&gt...
HTML标签语义化你再不看就OUT了
weixin_53144068的博客
12-10 252
持续输出内容，等你来撩~ 什么是语义元素？ 语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页或部分最重要的标题。 为什么要语义化？ **代码结构:**使页面没有css的情况下，也能够呈现出很好的内容结构 有利于SEO: 爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息 **
一些常见html5语义化标签
热门推荐
前端笔记
10-26 5万+
我们知道，创建结构清晰的页面可以建立良好的语义化基础，也降低了使用css的难度，下面总结了一些常用的语义化标签，有空慢慢更新，欢迎大家补充          语义化HTML：用最恰当的HTML元素标记的内容。                优点：1 提升可访问性；                     2 SEO；                     3 结构清晰，利于维
HTML5学习笔记.pdf
最新发布
11-09
3. HTML5语义元素： - `<article>`：定义独立的内容区域，如博客文章或新闻报道。 - `<aside>`：用于侧边栏内容，如相关链接或注释。 - `<bdi>`：使文本独立于其父元素的文本方向，常用于多语言环境。 - ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

colin工作室

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值