H5新增的行内的语义元素

最新推荐文章于 2023-11-06 14:03:34 发布
最新推荐文章于 2023-11-06 14:03:34 发布
阅读量1.9k 收藏
点赞数
分类专栏： # Html/CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxq0816/article/details/51679065
版权
Html/CSS 专栏收录该内容
32 篇文章 232 订阅 ¥99.90 ¥299.90
订阅专栏
本文介绍了HTML5中新增的四个行内语义元素：mark用于高亮显示文本，time表示日期或时间，meter用于度量衡显示，progress则用于展示进程状态。这些元素提升了网页内容的可读性和语义化。
摘要由CSDN通过智能技术生成

一、mark元素

mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，其比较典型的应用就是在搜索结果中高亮显示搜索关键词。

HTML5中代码示例

<mark></mark>

HTML4中代码示例

<span></span>

二、time元素

time元素表示日期或时间，也可以同时表示两者。

HTML5中代码示例

<time></time>

HTML4中代码示例

<span></span>

三、meter元素

meter元素表示度量衡，仅仅用于已知最大值和最小值的度量。必须定义度量的范围，既可以在元素的文本中，也可以在min/max属性中定义。

HTML5中代码示例

<meter></meter>

四、progress元素

progress元素表示运行中的进程。可以使用progress来显示javascipt 中消耗时间的函数的进程。

<progress></progress>

AI算法攻城狮
关注
专栏目录
订阅专栏
HTML5新增语义元素
weixin_58139900的博客
10-04 475
目录 H5简介 新特性： 移除的元素（了解） H5现状 H5新增的语义元素 section article nav aside header footer H5新增语义元素兼容问题 解决方案 H5简介 HTML5是HTML最新的修订版本，具有新的元素，属性和行为。 HTML5规范于2014年10月29日由万维网联盟正式宣布。 随着移动化的进程，HTML5终将成为主流。 新特性： 新增语义化元素 新增表单相..
HTML5中新的语义元素
前端小白菜
07-23 382
header、footer、nav等
H5新增的语义元素
weixin_73326146的博客
08-18 193
H5新增的语义元素
HTML基础之 新增语义标签和属性
u011863822的博客
03-14 1329
HTML5的新增特性主要是针对以前的不足，增加了一些新的标签，新的表单和新的表单属性等。 这些新的特性都有兼容问题，基本都是很需要IE9+以上的版本的浏览器才能支持，不过目前浏览器都是是高级版本了，所以使用问题不到，不想几年前那样了。当然也不会列出很多，而是简单列出常用的一些标签。 简单的说一下HTML5的新特性有什么？ 用户媒介回访的video和audio元素。 新的特殊内容元素，比如article,footer,header,nav,section等 新的表单控件，比如：calendar,date,t
HTML5 结构性标签 行内语义性标签
weixin_30603633的博客
05-20 426
结构性标签: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>旭宝爱吃鱼</title> </head> <body> <!--文章--> <articl...
新增标签之结构、块级、行内语义、交互
weixin_45626442的博客
09-25 462
HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖 主要目的为了让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年。 H5标签改动:新增了27个标签，废弃16个标签。 按照标签作用大致分类：功能性标签、结构性标签 H5本质 H5是包括HTML、CSS和JavaScript在内的一套技术组合，是HTML最新版...
面试题！行级元素、块级元素、行内块级元素、元素类型的转换、css3 处理兼容性问题的方式、H5新增标签
频繁记录
06-15 133
面试题！行级元素、块级元素、行内块级元素、元素类型的转换、css3 处理兼容性问题的方式、H5新增标签
html5语义化标签 加粗,html5标签 H5标签
weixin_32868705的博客
05-31 644
html>h5文本元素1.文本元素2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~7.强调 倾斜元素 em 8.删除线2 s元素9998 9.下划线 u 10.下划线2 ins元素 11.小号字体small元素 12.下标 sub：CH4COOH ; 上标sup：20平方米=20m213.倾斜 dfn 14.代表缩写 并没...
day01-H5C3-新增音视频 表单标签及选择器.pdf
05-10
在IE9浏览器中，这些语义化标签默认被当作行内元素处理，若需要进行大小设置则需要手动转换为块级元素。 接下来，我们介绍HTML5中用于嵌入多媒体内容的标签。多媒体标签包括audio（音频）和video（视频）。这些标签...
HTML5新增5个行内语义元素（详解）
小柒的前端之旅
04-02 987
●mark mark元素表示页面中需要突出显示的文本。（相当于荧光笔在纸上标出的文字） 除mark元素之外，em和strong元素也可以突出显示文本。 <div> <mark>html5</mark>是用于取代 1999年所制定的<strong>html 4.01</strong&gt...
H5新增的块级的语义元素
06-14 2003
一、aside元素 aside元素表示article元素的内容之外的与article元素的相关内容 HTML5中代码示例： HTML4中代码示例： 二、figure元素 figure元素表示一段独立的流内容，一般表示文档主体流内容的一个独立单元。使用元素为figure元素组添加标题。 HTML5中代码示例：              我是标题              我是内容
H5系列之常用的语义元素
weixin_30519071的博客
08-17 117
H5添加了几个新标签，带有语义化的标签，像我们的div 和 span 标签，你说他两能干嘛呢， 好像他两什么事都能干。举个例子，你家里的房子，有几个房间，如果不分房间的话，是不是你 今天睡这里，明天睡另外一间房间，后天再睡另外一间房间， 是不是很乱呢？ 的确是很乱，像我们的网页，比较复杂的网页，里面全都是用div来搭建，那怎么行呢，是不是有点分不清 这块区域是干嘛的， 那块区域是干嘛的...
HTML5语义标签
Aresnine的博客
10-31 1309
1、HTML5的新语义元素OS X 词典中关于”语义”的定义如下:"含义在语言和逻辑方面的分支"。 1-1、main元素main 标签用来声明主内容区无论是页面的主要内容，还是web应用中的主要部分都应该放在main元素中文档的主内容指的是文档中特有的内容，导航链接、版权信息、站点标志、广告和搜索表单等多个文档中重复出现的内容不算主内容（除非网页或文档的主要内容就是搜索表单）。注意：每个页面的主内容
html5行内元素_html5
weixin_35663151的博客
01-07 309
HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。简单来说 网页中的内容都是通过H5的语言来实现的，而公众号推文也如此，在了解svg时要先了解一些H5的标签。小标题HTML公众号文章里面常会看到的标签有三种(块级，行内，行内块), 可以浏览器上按F12或者右键-检查/审查元素...
H5 CSS基础一：行内元素和块元素
Quinn's blog ! I'm glad to be here!
07-16 4829
一、特点 块元素①、总是在新行上开始；②、高度，行高以及外边距和内边距都可控制；③、宽度缺省是它的容器的100%，除非设定一个宽度。④、它可以容纳内联元素和其他块元素 行内元素①、和其他元素都在一行上；②、高，行高及外边距和内边距不可改变；③、宽度就是它的文字或图片的宽度，不可改变④、内联元素只能容纳文本或者其他内联元素 二、常用块级元素：div , p , form, ul, li ,
H5基础（2）-HTML5新的结构元素
zrr_rory的博客
09-04 374
1）HTML5的新结构标签 ①<section>：表示一段专题性的内容，一般会带有标题；<section> <h1>section是什么？</h1> <h2>一个新章节</h2> <article> <h2>关于section</h2> <p>section的介绍</p> ... </article>
HTML5的语义元素
最新发布
corlin6688的博客
11-06 1640
figcaption> 标签定义 <figure> 元素的标题。HTML5提供新的语义元素来明确一个web页面的不同部分：<head>、<nav>、<section>、<article>、<aside>、<figcation>、<figure>、<footer>。<footer>元素应该包含它的包含元素。<nav>元素用于定义页面的导航链接部分区域，但是，不是所有的链接都需要包含在<nav>元素中。<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
6-2、选择器
鸵鸟
09-06 932
选择器
做一个简单的页面，包含图像、H5新增的结构元素、音频、视频。 （Web学习网站： ① 页面代码：包含图像、H5新增的结构元素、音频、视频相关的标签及属性。 ② 页面显示：图文混排、常用特殊字符标签、H5新增的结构元素、多媒体嵌入相关的知识总结及实验过程中体会及总结 ）
05-31
非常感谢您的提问。我作为一个AI模型，无法在这里展示页面代码和图文混排等内容，但我可以为您提供一些相关的知识和标签。 HTML5新增了很多的结构元素，如 `header`、 `nav`、 `section`、 `article`、 `aside`、 `footer` 等。这些元素可以更好地描述页面的结构，使得搜索引擎更容易理解页面内容。此外，HTML5还新增了一些多媒体相关的标签，如 `audio`、 `video` 等。 您可以通过以下代码向页面中添加音频和视频： ```html <audio src="audio.mp3" controls></audio> <video src="video.mp4" controls></video> ``` 其中， `src` 属性指定了音频或视频文件的URL， `controls` 属性可以让浏览器自动添加播放控制器。 对于图像，您可以使用 `img` 标签来添加，如下所示： ```html <img src="image.jpg" alt="This is an image"> ``` 其中， `src` 属性指定了图像文件的URL， `alt` 属性为图像添加了一个替代文本，如果图像无法加载，替代文本将会显示。 另外，常用的特殊字符标签有 `<` 表示小于号 `<`， `>` 表示大于号 `>`， `&` 表示 & 符号等。 希望这些信息对您有所帮助。如果您需要更多的帮助，请随时告诉我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

AI算法攻城狮

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

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

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

打赏作者

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

抵扣说明：

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

余额充值