HTML5 article元素的使用
1. article元素代表文档,页面或者应用程序中独立的,完整的,可以被外部独立引用的内容,它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户的独立评论或者独立的插件。
2.article元素可以用来嵌套
3.artclie元素可以用来表示插件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="" tabindex="3">hello</a>
<a href="" tabindex="2">hello</a>
<a href="" tabindex="1">hello</a>
<br><br>
<!-- artclie元素 独立的文档 -->
<article>
<!-- 头部 -->
<header>
<!-- 标题 -->
<h2>这个是独立文档的标题</h2>
<p>这个是独立文档头部的内容</p>
</header>
<!-- 这个是内容 -->
<p>我是正文的内容</p>
<!-- artclie 可以再被嵌套 这个是第二段-->
<article>
可以用来表示被嵌套
</article>
<!-- 这个是尾部 -->
<footer>
<p>我是底部</p>
</footer>
</article>
<!-- 这个是作为插件 -->
<article>
<h2>这个是一个内嵌界面</h2>
<object>
<embed src="" type="" width="60px" height="60px"></embed>
</object>
</article>
</body>
</html>
HTML5 article元素的使用相关推荐
- HTML5: article元素
大家好,我是阿闽.作为西安的大学生,由于去年疫情的原因,这几天忙着准备期末考试,所以更的少了,还请见谅. 今天我们继续复习HTML元素. article元素 简介 类型 父元素 子元素 默认CSS样式 ...
- HTML5之article元素与section元素之间的区别?
在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉.页脚.内容区块等文档结构相关联的结构元素.内容区块是指将HTML页面按逻辑分割后的单位.例如对于书籍来说,章.节可以称为内容区块:对于博 ...
- html5页面结构标签,HTML5 article标签元素
HTML5 教程篇 - - article是HTML5新增的元素标签. 一.html article简介与语法结构 article英文翻译:文章.物品.报道.条文等意义. html5 表现页面中的一块 ...
- html中用来表示主题标签的是什么,HTML5中的article标签是什么?HTML5中的article元素用在什么地方?...
HTML5中的article标签是什么?HTML5中的article元素用在什么地方?本篇文章主要为大家解释了什么是HTML5中的article标签,article用在什么地方,还有HTML5中art ...
- HTML5中article元素的使用
本文和大家分享的主要是HTML5中article元素的相关用法,同时结合具体实例进行讲解,加深大家对article元素的印象,一起来看看吧,希望对大家学习HTML5有所帮助. 什么是Article元素 ...
- html5中article元素的使用方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
- html5插件教程,HTML5教程 | HTML5 time元素
HTML5 time元素是用于定义页面的日期和时间的语义元素. 基本的time元素 time元素包含2个部分的日期信息.一个部分是给机器阅读的,另一个部分是给人阅读的.下面是一个简单的time元素的示 ...
- 下列不属于html5语义元素,HTML5 新的语义元素
HTML5 提供了新的语义元素来明确一个Web页面的不同部分: HTML5中新的语义元素 HTML5 元素 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 根据W ...
- HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素
新增的结构元素 在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...
最新文章
- 将打包好的VUE文件部署到Web容器(Nginx)中,解决接口调用跨域问题
- linux cron指定用户,Centos下crontab指定执行用户
- 最简单的基于FFmpeg的AVfilter的例子-修正版
- 7、LIKE:模糊查询
- 【学习笔记】JS进阶语法一DOM进阶
- 深入浅出 kvm qemu libvirt
- 计算机产品创新设计实践,基于TRIZ的计算机辅助机械产品创新设计研究
- 洛谷 P3320: bzoj 3991: LOJ 2182: [SDOI2015]寻宝游戏
- python坐标定位_Python_元素定位浏览器坐标定位
- php向后兼容,PHP: 不向后兼容的变更 - Manual
- js打开新窗口的两种方式
- eclipse无法启动的各种解决方法
- 一个远程线程注入的类
- java实现医嘱管理系统_Chis5.0医嘱管理系统业务使用手册
- 其他计算机找不到共享打印机驱动程序,win10连接共享打印机时“找不到驱动程序”怎么解决_win10连接共享打印机时“找不到驱动程序”处理方法...
- 华为热设计工程师待遇_【华为热设计工程师面试】华为二面--热设计工程师。-看准网...
- 中国象棋棋盘java_JAVA中用程序绘制国际象棋与中国象棋棋盘
- 【Web技术】1477- Tauri:下一代桌面应用开发框架?
- Java实现扑克牌游戏(简易炸金花)
- CSS的3d翻滚特效