【HTML5初涉】新增主体结构元素和非主体结构元素

最新推荐文章于 2022-03-30 17:27:51 发布
最新推荐文章于 2022-03-30 17:27:51 发布
阅读量387 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16598485/article/details/50824833
版权
新增的主体结构元素 
article元素 
        article 代表文档 页面 或应用程序中独立的 完整的 可以独自被外部引用的内容 . 一篇文章/帖子/用户评论/独立插件等等 
        article 可以嵌套使用 嵌套时, 内层的元素需要与外层元素内容相关联
        article 可以用来表示插件  

section元素
        section 元素用于对网站或应用程序中的页面上的内容进行分块 .  通常由内容及其标题组成 . 
                与article区别是 : article 相当于特殊的section 比section更强调独立性  section 强调将内容分块/分段
         section 不能作为设置样式的页面容器
                   没有标题内容 不要使用section元素
nav元素 
       nav元素可以作为页面导航的连接组
       nav应用场景 :
            1.传统导航栏
            2.侧边栏导航
            3.页内导航
            4.翻页导航
       H5中不能用menu代替nav元素 menu是带有交互性的元素 用在一系列发出命令的元素中

aside元素 
         aside元素用来表示当前页面或文章的附属信息部分, 包括与主要内容相关的引用/侧边栏/广告/导航条/以及其他区别于内容主体的部分
        
time元素 
        time标签中日期与时间的间隔为 T  标准时间表示为Z   +后面表示的时差

pubdate 属性 
           表示time元素  代表文章或者整个网页的发布日期


新增的非主体结构元素 
    
    header 导航/引导元素 页头 可出现多次   footer 页脚 (版权信息/链接/作者)  hgroup 将标题及其子标题分组的元素 
    address元素  呈现联系信息 

    H5结构  :  显示编排内容区域块  隐式编排内容区域块 标题分级  不同区域块使用相同级别标题

       
李婧Amber
关注
HTML5新增的主体结构元素
孙叫兽的博客
04-23 609
article元素 section元素 nav元素 aside元素 time元素与微格式 pubdate属性 1.article元素 代码片段： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTM...
HTML5中新增主体结构元素与非主体结构元素解析
Wiz2014的专栏
11-06 2118
HTML5中新增主体结构元素与非主体结构元素解析，给出相对定义，并对section与article的区别与应用方向进行解析。
主体结构元素与非主体结构元素
qq_38844939的博客
08-31 837
主体结构元素                          主体结构元素：它是为了语义可以结构化，说白了就是为了更好地SEO，也就是为了浏览器更好地抓数据，包含的元素：article,section,nav,aside,time. (1)article文章、文档、页面。 article>     header>     h2>HTML5课程h2>     header>  
新增的非主体结构的元素—header，footer，address，adress
qq_40171918的博客
06-10 348
1.HTML &lt;header&gt; 标签实例&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &amp
html5新增的结构元素的是,HTML5新增主体结构元素
weixin_35147832的博客
06-03 175
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？HTML5新增结构元素有主体结构元素和非主体结构元素。以下是新增的非主体结构元素。header元素：header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其它内容，例如数据表格、搜索表单或相关的logo图片。header可以出现多次。标题内容我的内容foote...
html5中的新增元素结构,HTML5新增的结构元素
weixin_31662303的博客
06-04 782
HTML5的结构一：新增的主体结构元素在HTML5中，为了使文档的结构更加清晰明确，追加了几个与页眉，页脚内容区块等文档结构相关联的结构元素。1.1article元素article元素代表文档，页面或应用程序中独立的完整的，可以独自被外部引用的内容， 标签定义外部的内容。article元素是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联，另外article元素也可以用来表示一个插件。 标...
5个html5结构元素,HTML5 新增结构元素
weixin_39958019的博客
07-09 708
《HTML5 新增结构元素》由会员分享，可在线阅读，更多相关《HTML5 新增结构元素(5页珍藏版)》请在人人文库网上搜索。1、HTML5 新增结构元素分为主体结构元素和非主体结构元素主体结构元素包括 article、section、nav、aside、time非主体结构元素包括 header、hgroup、footer、address一、主体结构元素articlearticle 标签，从语义化上...
HTML5新增的结构,html5新增结构：html主体结构和非主体结构的介绍
weixin_29698317的博客
06-03 431
本篇文章给大家带来的内容是关于html5新增结构：html主体结构和非主体结构的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1 新增的主体结构元素1.1 article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。(如一篇博客或报章杂志中的文章)1.2 section元素用来对网站或应用程序中页面上的内容进行分块。(如对文章分段)1.3 nav元素...
HTML5新增的非主体结构元素
乞力马扎罗的雪CYF的博客
09-29 1811
1.header元素： header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格，搜索表单或相关的logo图片。header元素可以出现多次。 header元素 IT最新技术 百度
HTML5的结构和语义(3):语义性的块级元素
09-28
HTML5的结构和语义性块级元素是其对网页设计和开发的重要改进，旨在提高内容的可读性和机器可解析性。在这篇文章中，主要关注了三个新增的语义化块级元素：`aside`、`figure` 和 `dialog`。 首先，`aside` 元素用于...
html5的主体结构元素和非主体结构元素
NUT_fireless的博客
05-30 506
html5新增的主体结构元素和非主体结构元素 html5 的网页结构 <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title></title> </head> <body> <header></header> <nav></nav> <articl
HTML5新增的结构元素和网页元素
yen_zz的博客
03-30 1633
1.什么是HTML5 HTML5是用于取代HTML和XHTML的标准版本 新特性： 新的语义化标签，比如header、footer、nav 新的表单控件，比如email、url、search 用于绘画的canvas元素 用于媒介回放的video和audio元素 目前所学内容中全是div的布局： 不利于网站对访客的易用性 不利于搜索引擎或者爬虫软件建立索引 不便于后期的代码维护 使用什么方法能够解决上面的问题呢？ HTML5新增结构元素 HTML5新增网页元素 headerma.
基于yolov3结合卡尔曼滤波匈牙利算法虚拟线圈的车流量检测python源码+项目说明.zip
09-21
本项目专注于视频基的车辆跟踪与流量统计，依托深度学习技术，实时追踪路面车辆动态并精准统计各车道车流量。该项目通过以下核心步骤高效处理输入视频数据： 高精度目标检测：采用YOLOv3模型，凭借其卓越的实时性与准确性，快速识别视频中的车辆目标，为后续追踪奠定坚实基础。 稳定目标追踪：集成SORT（Simple Online and Realtime Tracking）算法，结合卡尔曼滤波器预测车辆未来位置，同时运用匈牙利算法优化目标间的匹配，实现连续、稳定的车辆追踪，有效应对遮挡、交叉等复杂场景。 智能车流量统计：借鉴虚拟线圈概念，巧妙设计算法以监测穿越预设区域的车辆，自动计数并准确统计各车道车流量，为交通管理与分析提供可靠数据支持。 整体而言，本项目通过融合先进的目标检测与追踪技术，结合创新的流量统计方法，构建了一个高效、精准的实时车辆跟踪与流量统计系统，为智慧交通领域的发展贡献力量。
本科毕业设计--基于深度学习的人脸面部表情识别.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
雷电模拟器改成真机环境
09-21
在Android系统中，模拟器通常会被识别为非真实的设备，这可能导致某些应用或服务无法正常运行，尤其是那些需要硬件信息或root权限的应用。改真机环境意味着通过技术手段使模拟器的行为更接近真实的Android设备，包括模拟设备硬件信息、IMEI、MAC地址等，以绕过检测并提升兼容性。LSPSED（Linux System Property Setter and Editor）模块是Magisk的一个扩展，专门用于修改Android系统的系统属性。通过LSPSED，我们可以更改设备的各种系统属性，如设备型号、制造商信息等，这些修改对于使模拟器看起来更像真实设备至关重要。在使用过程中，还需要添加几个机型模块，这些模块通常包含了特定设备的系统配置信息，如设备代号、硬件信息等。通过安装这些模块，雷电模拟器可以模仿各种流行的Android设备，进一步提高应用的兼容性和真实性。
CenterNet 部署版本，便于移植不同平台（onnx、tensorRT、rknn、Horizon）
09-21
CenterNet 是一种用于目标检测的神经网络架构，它的核心思想是利用目标的中心点作为检测的关键信息。这种方法与传统的目标检测方法（如基于边界框的方法）有所不同，因为它不直接预测目标的边界框，而是预测目标的中心点坐标和目标的宽度与高度。 CenterNet 的主要特点包括： 1. **中心点预测**：网络输出目标的中心点坐标，以及目标的宽度和高度。 2. **热图（Heatmap）**：网络生成一个热图，其中每个像素点的值表示该点成为目标中心点的概率。 3. **回归任务**：除了中心点坐标，网络还需要预测目标的宽度和高度，这通常通过预测中心点周围的偏移量来实现。 4. **多任务学习**：CenterNet 通常会同时预测目标的类别、中心点坐标、宽度、高度以及目标的旋转角度（在某些变体中）。 5. **端到端训练**：CenterNet 可以直接在最终的目标检测任务上进行端到端的训练，无需复杂的区域提议网络（Region Proposal Network, RPN）或锚点（anchor）机制。 6. **高效性**：由于省略了传统目标检测中的一些步骤，CenterNe
CSP-J是计算机科学学科相关的青少年科技爱好者等级考试.docx
09-21
CSP-J是计算机科学学科相关的青少年科技爱好者等级考试，全称为青少年软件编程等级考试。以下是对CSP-J的详细介绍： 一、考试背景与目的 CSP-J考试是由全国青少年软件编程等级考试标准工作组制定，并得到中国电子学会的认可，旨在培养青少年计算机科学素养和编程能力。通过参加这一考试，青少年可以检验自己的学习成果，增强自信心和竞争力，同时为他们未来在计算机科学领域的深入学习和职业发展打下坚实的基础。 二、考试内容与形式 CSP-J考试主要面向入门级别的青少年，考察内容侧重于计算机基础知识和算法的理解。考试形式分为初赛（笔试）和复赛（机试），即CSP-J1与CSP-J2。 初赛（CSP-J1）：侧重于理论知识的考核，包括计算机基础知识、算法基本概念等，以笔试形式进行。 复赛（CSP-J2）：更侧重于上机编程能力的实践考察，要求参赛者在计算机上完成编程任务。 参赛者必须先参加初赛，并达到一定的分数方可参加复赛。 三、报名与参与 报名方式：CSP-J/S认证面向所有对计算机科学有兴趣的青少年开放，报名和认证过程均在网上进行。认证点由CCF（中国计算机学会）授权的CSP非专业级别省认证组
机械课程设计 X Y双坐标联动数控工作台设计(全套图纸).doc
最新发布
09-21
机械课程设计 X Y双坐标联动数控工作台设计(全套图纸).doc
HTML5页面设计与改造实例：语义元素应用
HTML5新增的语义元素如、、和等，如果在这篇文章中应用，可以使页面结构更清晰，比如将文章主体和侧边栏内容分开，或者为图片添加标题和描述。此外，使用代替传统的可以提高用户体验。 CSS方面，HTML5提供了更多的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值