6月16号笔记

最新推荐文章于 2024-05-14 21:36:53 发布

Dashen__Daiwo

最新推荐文章于 2024-05-14 21:36:53 发布

阅读量145

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/Dashen__Daiwo/article/details/106793301

版权

笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

6月16日笔记
webstorm的使用：新建项目，在新建项目中新建文件，背景等设置在“文件’设置’中修改”
新的网页结构
一、DOCTYPE声明7
2、网页字符编码
3、<header 元素
4、<nav 元素（导航链接的部分）
5、< article 元素（与上下文不相关的内容）
6、<section 元素（表示文档的结构）
7、<aside 元系
8、<footer 元索售

二、新增的主体结构元素
1、article元素（文档页面，外部元素可以别引用的内容区域）（可以嵌套使用）
例如：

< DOCTYPE html>
<html>
<head lang=” en" >
<meta charset=" UTF-8">
<title></ title>
g</ head>
<body>
<article>
<header>
<h1>我是Article</h1>
<p>创建时间: <time pubdate=' pabdate" >2014/ 09/27</ time></p> 
</ header>
<p>
<b>Article</b>是一个独 一的区域
</p>

< section>
<h2>读者评论</ h2>
<apt
ticle>
<header>
<h3>读者:朱朝兵</h3>
<p>
<time pubdate datetime=” 2014/09/27T21 :00">2小时前</time>
</p>
</ header>
<p>
文章很好!
</p>
</article>
</ section><!--嵌套-->

< footer>
<p><smal1>麦子学院版权所有</ small></p>
<!--small表示版权所有-->
</ footer>
</article>
</ body>
<html>

效果：
在这里插入图片描述

2、section元素（进行分块，建议使用《div》）

<body>
<section>
<h1>这是一个Section元素</h1>
<p>这里是一个内容区域</p>
</section>
</ body>

与《section》相比《article》有相对完整的结构
3、aside元素（通常表示当前页面的附属信息部分）（一般可以放在《article》里面，也可以放在《article》外作为全局附属信息）

<artic le>
<h2>看熊猫去大熊猫基地</ h2> 
<p>哪里有很多的熊猫</p>
<as ide>
<h3>名词解释: </h3>
<d1>
<dt>熊猫基地</dt>
<dd>大熊猫基地在四川卧龙</dd>
</d1>
</as ide> 
</article>

4、nav元素
使用场合：
（1）传统的导航条7
（2）侧边栏导航-
（3）内页导航
（4）翻页操作

< nav>
<ul>
<li>
<a href=" nav元素. html">首页</a>
</li>
<li> 
<a href=" aside元素. html">aside</a>
</li> 
<li> 
<a href=" section元素. html" >section</a>
</1i>
</ul>
</ nav>
<article>
<header>
<h2>
NAV-1
</ h2>
<nav>
<li>
<a href=' section元素. html”>section</a>
</1i>
<li> 
<a href="新增的主体结构元素. html">新增的主体结构元素</a>
</1i>
</nav>
</ header>
</article>
< footer>
<p>
<a href=" /">版权信息</a>
<a href=" /">站点帮助</a>
<a href="/">联系我们</a>
</p>
</ footer><!--底部一般用footer而不用nav-->

效果：
在这里插入图片描述

5、time元素
Time元素代表24小时中的某个时间或者是日期，表示时间时允许带时差。
他可以定义的格式如下:
<time datetime =*2014-9-28">2014年9月28 <time
<tim互datetime =*2014-9- 28">9月28<time
<time datetime =*2014-9-28">今天的时间<time
<time datetime=*2014-9-28T22:30">2014年9月28晚上10点<time
<time datetime =2014-9-28T22: 30Z >UTC标准时间2014年9月28晚上10点<time
<time datetime =*2014- 9- 28T22:30+8:00 >中国时间2014年9月28晚上10点<time

6、pubdate 元素

<body> 
< header> 
<h1>你好Pubdate</h1> 
<p>发布时间: <time datetinme=" 2014- 09 -28" pubdate=" pubdate" >2014年9月28日</ time><!--表示为当前时间-->
</ header>
<p>国庆节<time datetime=" 2014-10 01" >10月1日</ time>开始放假</p>
</ body>

Dashen__Daiwo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
6月16号笔记

6月16日笔记webstorm的使用：新建项目，在新建项目中新建文件，背景等设置在“文件’设置’中修改”新的网页结构一、DOCTYPE声明72、网页字符编码3、<header 元素4、<nav 元素（导航链接的部分）5、< article 元素（与上下文不相关的内容）6、<section 元素（表示文档的结构）7、<aside 元系8、<footer 元索售二、新增的主体结构元素1、article元素（文档页面，外部元素可以别引用的内容区域）（可
复制链接

扫一扫