HTML5新增语义化标签是什么呢？（1）

最新推荐文章于 2024-04-24 22:30:41 发布
最新推荐文章于 2024-04-24 22:30:41 发布
阅读量415 收藏
点赞数
分类专栏： HTML5和CSS3进阶 文章标签： html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45147894/article/details/106925560
版权

html5中新增了许多语义化标签：语义化标签也是属于标签 

 

在写css样式时那就不能带有点（.）了，就可以直接下标签名字了，因为他是标签，所以可以直接写哟！

这些语义化标准主要针对搜索引擎的呀！ 移动端更xi'hau

为了照顾IE9，需要把这些元素转换成块级元素 

加入没有使得成为块级元素，下面咱们试验一下，结果是不起作用的！ 

wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==​xi'hau'u

㼛思雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5语义标签
qq_45876651的博客
12-06 1026
一、header标签 页面或页面中某一个区块，通常是一些引导和导航信息 二、nav标签 可以作为页面导航的链接组 三、section标签 页面中的一个内容区块，通常由内容及其标题组成 四、aside标签 非正文的内容，与页面的主要内容分开的，被删除而不会影响到网页的内容 五、article标签 代表一个独立的、完整的一个区块，可独立于页面其他内容使用 六、footer标签 页面或页面中的某一个脚注 七、main标签 h5的语义化标签，除了单词不一样，本..
HTML5新增的语义化标签
原地起飞
08-02 3714
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
HTML系列之语义化标签（H5)
老__L的博客
02-12 4193
本文主要介绍address、article、aside、footer、header、nav、section标签。 以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的。
【HTML5系列】第一章 · HTML5新增语义化标签
麟-小白的博客
05-14 929
Hello大家好， 我是【麟-小白】，一位软件工程专业的学生，喜好计算机知识。希望大家能够一起学习进步呀！本人是一名在读大学生，专业水平有限，如发现错误或不足之处，请多多指正！！！如果小哥哥小姐姐们对我的文章感兴趣，请不要吝啬你们的小手，多多呀！❤❤❤爱你们！！！目录【往期回顾】1.HTML5简介1.1什么是HTML5HTML5是新一代的HTML标准，2014年10月由万维网联盟（W3C）完成标准制定。官网地址：W3C提供：WHATWG。
html5 语义化标签实用指南
最新发布
weixin_40348267的博客
04-24 457
以上就是 HTML5 中语义化标签的内容，这些内容在面试中也可能被问到，在平时写页面时留意下每个标签对应的含义，用在正确的位置才能发挥语义化标签最大的作用。：<figure> 用于表示独立的内容块，如图片、图表、代码示例等，而 <figcaption> 用于为这些内容块添加标题或说明。：表示导航部分，用于包含页面的主要导航链接。：表示一个独立的区块，可以包含一组相关的内容。：表示页面的侧边内容，通常是与页面主要内容相关但可以独立存在的内容。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
html5新语义化标签
weixin_46048542的博客
08-16 1314
link标签最常见的用途是链接样式表。 <html> <head> <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > </head> <body> <h1>我通过外部样式表进行格式化。</h1> <p>我也一样！</p> </body> </html> header页眉 footer页脚 ma
HTML5新特性之语义化标签
09-27
HTML5新增了一系列语义化标签，如`<article>`用于定义独立的内容区块，`<section>`用于划分页面的区域，`<aside>`通常用于侧边栏内容，`<hgroup>`用于组合多个标题，`<header>`和`<footer>`分别表示页面的头部和尾部...
Web前端基础：HTML5语义化标签.pptx
05-06
单元一 HTML5基础知识端基础前WebHTML5语义化标签HTML5新增的语义化标签主要有：、、、、、、<time>...语义化标签优点：为了在没有CSS的情况下，页面也能呈现出很好的内容结构比标签有更加丰富的含义，方便开发与...
13-html5新增的语义标签.html
09-11
13-html5新增的语义标签.html
HTML5新增的语义标签.ppt
07-02
HTML5新增的语义标签.ppt
语义化标签大全
qq_42241357的博客
09-19 867
语义化标签 什么是HTML语义化标签？常见HTML语义化标签大全 语义化的标签，旨在让标签有自己的含义。 一、什么是HTML语义化标签 语义化的标签，旨在让标签有自己的含义。 1 <p>一行文字</p> 2 <span>一行文字</span> 如上代码，p 标签与 span 标签都区别之一就是，p 标签的含义是：段落。而 span 标签责没有独特的含义。 二、语义化标签的优势 代码结构清晰，方便阅读，有利于团队合作开发。 方便其他设备解析（如屏幕阅读器、盲
HTML5语义化标签
macanfa的博客
08-05 4405
“什么是语义化？”、“说说你对语义化的理解？” 掌握语义化含义、作用以及应当注意的细节，HTML5中常用的语义化新标签！知识点不在于多，而研究透彻应学以致用！
HTML5--html新增语义化标签
cmy741741的博客
06-15 617
：定义页面独立的内容区域（可以嵌套使用，可以表示插件）。：定义文档中的节（section，区段）。:定义导航链接的部分。:定义页面的侧边栏内容。:定义日期或时间。:定义了文档的头部区域。：定义 section 或 document 的页脚。：被用来对标题元素进行分组。：定义文档作者/所有者的联系信息。 ———————————————— 版权声明：本文为CSDN博主「Ass...
HTML5新增的5个语义标签
恬静的男子的博客
10-24 959
语义化标签最大的作用就是利于SEO &amp;amp;amp;amp;lt;!doctype html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;html lang=&amp;amp;amp;quot;en&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;am
HTML5新增的语义化标签（常用）及解释
weixin_44022064的博客
09-09 1910
HTML5中新的语义元素 许多现有网站都包含以下HTML代码： <div id=”nav”>, <div class=”header”>, 或者 <div id=”footer”>, 来指明导航链接, 头部, 以及尾部. HTML5 提供了新的语义元素来明确一个Web页面的不同部分: <header> <nav> &...
一些常见html5语义化标签
热门推荐
前端笔记
10-26 5万+
我们知道，创建结构清晰的页面可以建立良好的语义化基础，也降低了使用css的难度，下面总结了一些常用的语义化标签，有空慢慢更新，欢迎大家补充          语义化HTML：用最恰当的HTML元素标记的内容。                优点：1 提升可访问性；                     2 SEO；                     3 结构清晰，利于维
HTML5以及CSS3新增特性
qq_61219755的博客
07-16 502
如果我们在样式设置中进行的是nth-child的方法设置的，那么section中的子元素没有一个会改变颜色。例如n就是选择所有子元素，2n是选择偶数位的子元素，2n+1表示选择奇数，以此类推。如果我们使用的是nth-of-type来设置的，子元素中的熊大一行就会改变样式，这时因为nth-of-type是先匹配元素类型，对指定的标签中的子元素进行排序，再匹配第1个子元素的，所以就会进行样式的更改。5.before在父元素内容的前面创建元素，after在父元素内容的后面创建元素。.........
HTML5新增了那些语义化标签？为什么要语义化？
诉与我听
02-07 562
新增标签 按照结构 <header> // 头 <footer> // 脚 <nav> // 导航 <hgroup> // 对网页或区段（section）的标题进行组合：如果文章有标题和子标题的时候使用 <section> // 划分区块的 <article> // 定义文章 <aside> // 定义页面内容之...
HTML5新增语义化结构标签
06-09
是的，HTML5引入了许多新的语义化结构标签，这些标签包括： 1. `<header>`：定义文档或节的页眉。 2. `<nav>`：定义导航链接的部分。 3. `<section>`：定义文档中的节。 4. `<article>`：定义文档中的独立自包含文章。 5. `<aside>`：定义页面内容之外的内容，如侧边栏或注释。 6. `<footer>`：定义文档或节的页脚。 这些标签的引入旨在使文档结构更加清晰和易于理解，并且有助于搜索引擎更好地理解页面内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值