html新增的主体结构元素

最新推荐文章于 2020-11-28 17:06:10 发布
最新推荐文章于 2020-11-28 17:06:10 发布
阅读量128 收藏
点赞数
分类专栏： 笔记 前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44787874/article/details/109653085
版权

在这里插入图片描述

article元素：

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>beijingshezhi</title>
	</head>
	<body >
		<article>
			<header>头部菜单</header>
			
				<article>文章内容
				    <header>文章标题</header>
				    <p>文章内容</p>
				    <footer>作者</footer>
				</article>
			
			<footer>底部</footer>
		</article>
		<article>
			<h1>这是一个内嵌页面</h1>
			<object>
				<embed src="#" height="600" height="400"></embed>
			</object>
		</article>
</html>

session元素：

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>beijingshezhi</title>
	</head>
	<body >
		<article>
			<h1>苹果</h1>
			<p>这是一个苹果，很好吃</p>
			<section>
				<h1>红富士</h1>
				<p>红富士，外表特别的红</p>
			</section>
			<section>
				<h1>黄金帅</h1>
				<p>黄金帅的果肉很绵，不脆</p>
			</section>
			
			
		</article>
		
</html>

nav元素：

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>beijingshezhi</title>
	</head>
	<body >
		<nav>
			<a href="#">首页</a>
			<a href="#">登录</a>
			<a href="#">注册</a>
			
		</nav>
		<header>
			<article>
				<h1>百度历史</h1>
				<p>简介......</p>
			</article>
			
		</header>
		
</html>

aside元素

在这里插入图片描述

time元素与微格式，pubdate属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>beijingshezhi</title>
	</head>
	<body >
		<time datetime="2015-10-10T20:00">2015-10-10</time>
		<time datetime="2015-10-10">2015-10-10</time>
		<time datetime="2015-10-10T20:00Z">2015-10-10</time>
		<article>
			<header>
				<h1>苹果</h1>
				<p>发布日期
				     <time datetime="2015-10-10" pubdate="true">2015-10-10</time>
				</p>
				<p>舞会事件
				     <time datetime="2015-10-11" >2015-10-11</time> 
				</p>
			</header>
		</article>
</html>
名字长就有小可爱跟着念
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html5新增元素详解.pptx
11-15
Html5新增元素详解.pptx
HTML之新增主体元素
lostcontrol_的博客
01-20 624
1.article元素（可以代表文档、页面或者是应用程序中独立、完整的、可以独自被外部引用的内容，可以是一篇博客、文章或者独立的插件，可以嵌套使用，可以用来表示插件） 这是头部 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur officia accusantium d
HTML5新增的主体结构元素
乞力马扎罗的雪CYF的博客
09-29 1880
1.article元素 article元素代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或独立的插件，或其他任何独立的内容。 article元素是可以嵌套使用的； article元素用来表示插件； 示例代码如下： article元素
HTML5 新增的主体结构元素
sleepwalker_1992的专栏
05-23 439
核心内容：1.Article2.Section3.Nav4.Aside5.Time6.Pubdate time、pubdate 属性，用来无歧义、明确地对机器的日期和时间进行编码，并且以让人易读的方式来展现它，这个元素就是 time 元素。pubdate属性指明是发布日期 ...
HTML5新增的表单元素和属性实例解析
09-28
主要为大家介绍了HTML5新增的表单元素和属性,具有一定的参考价值！需要的朋友可以参考下
HTML---新增结构元素.doc编程资料
04-06
HTML---新增结构元素.doc
html5表单及新增的改良元素详解
09-27
下面小编就为大家带来一篇html5表单及新增的改良元素详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
浅谈HTML5新增及移除的元素
09-28
下面小编就为大家带来一篇浅谈HTML5新增及移除的元素。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html5的一些新增主体元素
risat的博客
10-24 254
article(独立的内容):可以嵌套使用，可以表示插件。 aside(当前页面或者文章的附属信息):引用侧边栏广告。  nav(导航的链接组):快速跳转到目标页。 section(内容和标题组成):对网站或者应用程序页面的内容进行分块。 不要将section元素作为设置央视的页面容器;如果article元素、aside 元素、nav元素出现优先使用这三个;没有标题内容不使用sectio
python之线性回归-脚本
qq_44787874的博客
06-10 1873
回归问题 下面以这个例子为例： 函数：f(特征)->特征值 f(身高)->(体重) 拟合 预测 首先我们把需要分析的数据导入放在python文件夹下 然后我们还要导入第三方工具，来实现可视化数据 pip install matplatlib 安装成功后 python 代码 import numpy as np import matplotlib.pyplot as plt data=np.loadtxt(r'hw.txt', delimiter='\t', skiprows=True)
给定有序表A[1:n] 修改合并排序算法，求出该有序表的逆序对数
qq_44787874的博客
10-08 1406
有关逆序对数的概念： 定义：对于一个给定的数列,如果有i<j,且Ai>Aj,则称(i,j)为一逆序对. 要解决的问题是,给出一个数列,求出这个数列包含多少个逆序对。 例如，数组（3，1，4，5，2）的“逆序对”有<3,1>,《3,2》，<4,2><5,2>，共4个。 开始分析算法： 首先给定了这是一个有序表，所谓有序表，是指这样的线性表，其中所有元素以递增或递减方式有序排列。 所以我们不用再进行排序了。 一般思路，就是就是遍历整个序列，判断实数与它后面的每个实
html制作表格---好看实用
qq_44787874的博客
11-17 1261
实用html加css来实现表格的美化制作： 我们来看下截图： 表格的HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beijingshezhi</title> <link href="css/new_file.css" type="text/css" rel="stylesheet" /> </head>
css实现动画效果：transition+transform的使用
qq_44787874的博客
11-26 1225
css的具体动画效果： 4种用法： （1）2D 3D转换： 概念： translate（移动）： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beijingshezhi</title> <link href="css/new_file.css" type="text/css" rel="stylesheet" /> </he
js简单实现：点击结果按钮返回值弹出
qq_44787874的博客
11-28 930
直接看代码，即可： 适合小白 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beijingshezhi</title> <link href="css/new_file.css" type="text/css" rel="stylesheet" /> <!-- <script src="./img/fishimgs/new
后台连接数据库
qq_44787874的博客
05-26 609
如何进行连接 在WEB-INF下，新建文件夹，命名为lib，然后下载相关的mysql驱动。 mysql-connector-java-8.0.18.jar 将下载下来的驱动放在lib文件夹下。 然后，加载驱动类 import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException;
了解js +简单编写一个js文件
qq_44787874的博客
11-27 514
入门 编写一个html文件： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beijingshezhi</title> /*简单实现用js来实现输出信息*/ <script> document.write("hello") </script> </head> <body >
python利用pandas分析数据-爬虫技术
qq_44787874的博客
06-07 453
首先利用cmd下载第三方工具pandas pip install pandas 然后导入python 脚本文件 import pandas as pd 下面来说一下如何读取爬取的csv数据: 利用pandas的read_csv函数,并保存在df df=pd.read_csv('51job.csv',header=None)//这里我的数据没有头部 查看上海的数据： df[df[0]=='上海'] 对上海的数据进行统计指标，借用describe df[df[0]=='上海'].describe() 可
HTML5新增的元素获取方法
最新发布
05-19
HTML5新增了一些元素，其中一些元素的获取方法如下： 1. `<canvas>`：使用 JavaScript 获取 canvas 元素，可以使用以下代码： ``` var canvas = document.getElementById("myCanvas"); ``` 2. `<video>`：使用 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值