CSS—新增标签标签

最新推荐文章于 2023-09-18 15:48:50 发布
最新推荐文章于 2023-09-18 15:48:50 发布
阅读量851 收藏 1
点赞数 1
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43599049/article/details/115125863
版权
本文介绍了HTML5中新增的语义化标签，如<header>、<nav>、<article>、<section>、<aside>和<footer>，强调了这些标签对搜索引擎的友好性。此外，还提到了多媒体标签<audio>和<video>的使用，它们使得在网页中嵌入音频和视频变得更加便捷，无需依赖Flash等浏览器插件。

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

1 语义化标签

以前的布局基本用div来做，div对于搜索引擎来说，是没有语义的。HTML5新增语义化标签：

  • header头部标签
  • nav导航标签
  • article内容标签
  • section定义文档某个区域
  • aside侧边栏标签
  • footer尾部标签

在IE9中需要将这些元素转换为块级元素

2 新增多媒体标签

新增的多媒体标签主要包含两个：

  • 1、音频：<audio>
  • 2、视频：<video>

使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用flash和其他浏览器插件。

(1) 视频

在这里插入图片描述

在这里插入图片描述

<video src="文件地址" controls="
最低0.47元/天 解锁文章
H5C3进阶—HTML5+CSS3新增标签
luolin_forest的博客
06-09 415
CSS3 2D动画
HTML5新增标签及CSS3新增属性
杜小白的博客
03-06 4609
一、h5新增标签新增元素说明video表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域source为video和audio提供数据源track为video和audio指定字母svg定义矢量图code代码段figure和文档有关的图例figcaption图例的说明main主内容区time日期和时间值mark高亮的引用文字datalist提供给其他控件的预定义选项keygen...
css（HTML新增标签）
爬楼梯的前端小白的博客
07-23 323
<header> 标记定义一个页面或一个区域的头部 <footer> 标记定义一个页面或一个区域的底部<nav> 标记定义导航链接 <menu> 菜单列表<section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <article> 标记定义一篇文章 <hgroup> 标记定义文件中一个区块的相关信息 <mark> 标记，内容显示背景颜色，可以修改 <address&g.
css添加省略号、圆角、 字体引入、引用标签以及其他常用标签
weixin_46048542的博客
08-16 364
css添加省略号 首先必须有一个固定的宽width其次不让内容折行white-space:nowrap然后隐藏溢出的内容overflow:hidden最后添加省略号text-overflow:ellipsis 列子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
移动web基础二,css3新增标签
m0_67251803的博客
05-09 182
移动web基础二,css3新增标签，3D转换，左手法则，动画
移动web基础一,css3新增标签
m0_67251803的博客
05-09 552
移动web第一天,css3新增标签 字体图标的使用 把iconfont的文件夹放在编辑器里, 用link引用iconfont的样式 要用时直接调用iconfont类名和iconfont在网页中的类名 要给图标设置大小需要给iconfont标签设置 引用在线的iconfont图标,直接进入网站,复制个人项目地址 要用的图标直接复制粘贴 使用类名引入字体图标（重点记住） 如果是一个标签来使用字体文件，可以采取2个类名的形式。（开发最常用） 第一个类名 i
Asp.net 后台添加CSS、JS、Meta标签
刘凤飞
12-26 1191
下面是从Asp.net 后台添加CSS、JS、Meta标签的写法，我们这里写成函数方便以后使用。如果函数放在页面类中， Page参数也可以不要。 首先导入命名空间 using System.Web.UI.HtmlControls; /// /// 添加JS脚本链接 /// /// 页面 /// 路径 public void AddJS(System.Web.UI.Page p
Html5新增标签有哪些
09-27
根据给定的文件内容，以下是HTML5新增标签的详细知识点，以及它们的用法和意义。 1. 标签：这是HTML5中新增的一个用于嵌入音频内容的媒体播放标签。它允许直接在网页中嵌入音频文件，而无需任何插件支持。主要属性...
HTML5不支持标签和新增标签详解
09-27
接下来，我们讨论HTML5新增的一些标签，它们增强了网页的结构和语义： 1. `<header>`：定义了页面或节的头部，通常包含导航链接、logo或页面标题等元素。 2. `<footer>`：定义了页面或节的底部，通常包含版权信息...
CSS3新增标签选择器
weixin_67812721的博客
08-10 178
css标签
html5+css3新增标签
MoYuP_ENG的博客
03-02 354
HTML5 针对以前的不足，增加了一些新的表单、新的标签、新的表单属性 注：这些新特性都有兼容问题，基本是i9+以上版本才支持 一、结构标签 <header>头部标签 <nav>导航标签 <article>内容标签 <section>定义文档某个区域 <aside>侧边栏标签 <footer>尾部标签 注：1、这种语义标准化主要是针对搜索引擎 2、在页面中可以多次使用 3、IE9中，需要把这些元素转...
css 应用 给头像添加标签
weixin_30896763的博客
09-06 521
如图所示： htmL 的代码： <dt> <span></span> <div class="avatar"> <img src="../images/110x110.jpg"> </div> ...
webpack4——CSS作为style插入到标签上
不想休假的小美美
03-28 1342
1、把css插入到页面的style属性上，但是不会展示出来（css-loader） 安装 style-loader css-loader npm -d install style-loader npm -d install css-loader 2、配置module module: { rules: [{ test: /\.css$/, use: [{ ...
css3新增标签以及弹性盒子
m0_50785753的博客
06-22 193
css3新增标签以及弹性盒子
css样式引入方式，及常用设置标签样式
weixin_30408309的博客
04-20 368
一. 三种样式引入方式 1. 内联式-直接写在div标签中,不推荐用 <div style="color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;"> 你好，我叫韩妹妹<br\> 你叫什么名字 </div> 　　 2. 内嵌式，一...
CSS 样式的创建
热门推荐
TK_Lumi的博客
08-16 1万+
CSS 样式的创建一、样式表的插入的方法二、外部样式表1.简介2.案例三、内部样式表1.简介2.案例三、内联样式1.简介2.案例 一、样式表的插入的方法 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 二、外部样式表 1.简介 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部 2.案例 <head> <link rel="st
css商品,商品标签例子——CSS3 transform 属性
weixin_28848833的博客
08-04 419
积累很重要。从此开始记录前端生涯的点滴....div{width:150px;height:30px;background-color:#f83944;/* Rotate div */transform:rotate(-40deg);-ms-transform:rotate(-40deg); /* Internet Explorer */-moz-transform:rotate(-40deg);...
CSS 创建
最新发布
梁辰兴的博客
09-18 1368
CSS可以通过三种方式创建：以上就是创建CSS的三种方式，使用哪种方式取决于你的需求和项目的规模。如有需要，欢迎继续提问。外部样式表（External Stylesheet）是将样式信息（CSS）存储在一个独立的.css文件中，并通过HTML文件的标签链接到HTML文档中，以便控制整个网站的外观和样式。创建和使用外部样式表可以带来很多好处，包括提高网站的可维护性、减少代码冗余、易于更新和调试等。同时，外部样式表也可以被缓存，从而提高网站的加载速度和性能。要创建外部样式表，首先需要在文本编辑器中创建一个CSS
CSS基础知识二
weixin_45663954的博客
06-29 365
目录1.Emmet语法2.CSS的复合选择器 1.Emmet语法 作用：用于提高编写html/css的速度 a. 快速生产HTML结构 1.生成标签，直接输入标签吗即可，例如 div 然后按tab键，就可以生成 <div></div> 2.如果想要生成多个相同标签，加上 * 即可，例如 div3，就可以生成3个 <div></div> 3.如果有父子级关系的标签，可以用 > ，例如 ul>li 4.如果有兄弟关系的标签，用 + 即可，例如 div
CSS3标签代码快速参考大全
CSS3（Cascading Style Sheets Level 3）是层叠样式表的最新版本，相较于旧版本CSS2，CSS3新增了许多功能和模块，例如圆角、阴影、字体嵌入、动画等，极大地方便了前端设计师和开发人员创建更加丰富和动态的网页布局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值