HTML5 语义元素

已于 2022-11-07 16:38:24 修改
阅读量75 收藏
点赞数
分类专栏： html 文章标签： html
于 2021-03-12 09:56:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Serena_tz/article/details/114675056
版权

HTML5 提供的新语义元素定义了网页的不同部分：

元素描述
header定义文档或节的页眉
nav定义导航链接的容器
section定义文档中的节
article定义独立的自包含文章
aside定义内容之外的内容（比如侧栏）
footer定义文档或节的页脚
details定义额外的细节
summary定义 details 元素的标题
Serena_tz
关注
专栏目录
HTML5的语义元素
corlin6688的博客
11-06 1664
figcaption> 标签定义 <figure> 元素的标题。HTML5提供新的语义元素来明确一个web页面的不同部分：<head>、<nav>、<section>、<article>、<aside>、<figcation>、<figure>、<footer>。<footer>元素应该包含它的包含元素。<nav>元素用于定义页面的导航链接部分区域，但是，不是所有的链接都需要包含在<nav>元素中。<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
HTML5 语义元素(一)页面结构
最新发布
lmrylll的博客
06-12 1633
HTML5标准增加很多新的语意元素，若按种类来区分，有页面结构上的、文本内容上的、表单里的等等。而这里主要介绍页面结构上的新元素。：定义网页或文章的头部区域。可包含logo、导航、搜索条等内容。详细资料浏览器最低版本：IE 9、Chrome 5使用说明：①当用于标注网页的页眉时，可包含logo、导航、搜索条等信息。②当用于标注内容的标题时，只有当标题还附带其他信息时才考虑用，一般情况下用标注标题即可。使用说明： 定义网页中的主体内容。详细资料。
html无语义元素含义,HTML5语义元素总结
weixin_35725862的博客
05-31 742
HTML5语义元素语义=意义语义元素=元素的意义什么事语义元素？一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例：div、span。无需考虑内容。语义 元素实例：form 、table、img清楚地定义了它的内容。浏览器支持IE9+、火狐、谷歌，Safari、opera支持语义元素。HTML5新的语义元素header、nav、section、article、aside、figca...
HTML5语义元素
gloria_chenjing的博客
11-01 724
1、什么是语义元素？ 语义元素清楚的向浏览器和开发者描述其意义 例如： 非语义元素： 2、HTML5提供新的语义元素 （1）section元素 定义文档中的节 节：有主题的内容组 通常具有标题 将网站首页划分为 简介 内容 联系信息 （2）article 元素 规定独自的包含内容 文档有其自身的意义 并且独立于其他内容进行阅读 应用场景： 论坛 博客 新闻 在因特
下列不属于html5语义元素,HTML5: HTML5 语义元素
weixin_36309562的博客
06-01 583
HTML5语义元素语义= 意义语义元素 = 有意义的元素什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意:Internet Explor...
html5用于导航的语义元素,HTML5 语义元素 - HTML5 基础教程
weixin_31631571的博客
06-04 824
语义= 意义语义元素 = 有意义的元素什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 – 无需考虑内容.语义元素实例: , , and – 清楚的定义了它的内容.浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意: Internet Explorer 8 及更早版本...
html中无语义的标签,HTML5 语义元素
weixin_42348371的博客
05-30 1087
HTML5 语义元素语义= 意义语义元素 = 有意义的元素什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意: Internet Explor...
HTML5 语义化元素
很酷的站长的博客
02-03 632
本文我们要来介绍一个抽象的知识点-语义化。什么是语义化，浅显的来说就是使用来实现相应的功能，这里说的合适并非是从性能、数据结构、算法等深度层面，而是从阅读和维护方式等层面。编程过程中实现一个相同的功能，往往可以使用多种不同的方式，选择一个合适的方式需要综合考虑可维护性、扩展性、性能等几种不同的维度，而可维护性是其中比较重要的一个因素。可维护性就是指书写的代码是否通俗易懂方便阅读，当大家都遵守一种统一的书写标准时，团队的开发效率、协调能力就能得到很大的提升。
HTML5语义化结构元素详解
Mr_zmx_Kiss_Code的博客
02-20 1330
HTML5语义化结构元素由来：Google（谷歌）对现有网页和用户习惯进行跟踪、分析和概括而推出的。例如，google分析了上百万的网页页面，从中分析出了div标签的通用id名称，并且发现重复量很大，如很多开发工程师使用&lt;div id="header"&gt;&lt;/div&gt;来标记页面区域，为了解决实际问题，HTML5就添加一个&lt;header&gt;标签。也就是说，HTML5新...
HTML5语义化元素你真的用对了吗
01-21
HTML5语义元素 语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例：和<span>- 对其内容一无所知。 语义元素的示例：<form>...
HTML5&CSS3网页制作：文本层次语义元素.pptx
06-01
HTML5网页制作中文本层次语义元素的应用 在HTML5网页制作中，文本层次语义元素是一种非常重要的元素，它们可以使HTML页面中的文本内容更加形象生动，从而提高页面的阅读性和可读性。本文将对文本层次语义元素进行...
uni-app引入海康威视h5player实现视频监控的播放
热门推荐
Serena_tz的博客
12-02 1万+
因为web-view组件默认就是占据整个视口的高宽，所以我们需要设置web-view的宽高，调整位置。将demo中bin文件夹下的文件原封不动复制到h5player文件夹中，txt文件可以删除。在uni-app应用内，pages页面中需要用到视频播放的页面，创建web-view组件。在uni-app项目中static文件夹下创建文件目录，我命名为h5player。在webplayer.html文件中，新增样式，宽高根据自己的需求调整。web-view组件的src需要动态改变，所以存储在data数据里。
HTML+CSS写网站的Logo部分
Serena_tz的博客
02-05 3247
网站logo，一般放在h1标签里，背景图片为Logo, 但是考虑到seo，网站名称也要写上。网站logo一般只放一个图片，文字部分是不会被显示的，为了隐藏logo中的文字，只给浏览器看但不显示在页面，加样式：text-indent:-9999px。可以参考以下html+css代码： HTML部分： <h1> <a href="https://blog.csdn.net" alt="CSDN Logo" title="CSDN首页"> CSDN <
web开发中网站的超链接实现页面跳转的说明
Serena_tz的博客
02-05 2621
超链接： <a href=""></a> href = “javascript:;” 的超链接，点击没有反应 点击超链接以后，超链接会跳转页面，这是超链接的默认行为。但是此时如果我们不需要默认行为，可以通过在响应函数的最后，return false 来取消浏览器的默认行为。在执行JS脚本的页面我们可以执行js，实现页面效果，在不能执行js脚本的情况下，可以通过a链接实现页面的跳转。 ...
用canvas画七彩虹伞
Serena_tz的博客
09-21 2340
彩虹小伞效果图如下： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>作业1</title> <style> #can
用HTML5+CSS3画一个简易的机器猫头像
Serena_tz的博客
09-16 1959
布局使用了绝对定位、相对定位以及浮动，鼻子使用了背景图像渐变的效果， 笑脸的嘴巴使用椭圆的下边框实现，胡须部分的细节处理得还是不够好。
HTML设置网站的图标
Serena_tz的博客
02-05 979
设置网站的图标（也就是左标题栏的图标和收藏栏的图标），使用icon图片,一般放在根目录下 <link rel="icon" href = ”路径”> 例如： <link rel="icon" href="images/logo.ico"> 图片的格式的后缀名是.ico。 ...
HTML5语义元素：构建更有结构的文档
"这篇资源主要介绍了HTML5中如何组织文档结构，强调了使用语义元素的重要性，以替代传统的div元素，提升文档的可读性、无障碍性和搜索引擎优化效果。" 在HTML5中，为了改善传统HTML文档的组织结构和可读性，引入了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值