文档元素

简介: 文本:文档元素一、主要作用文档元素的主要作用就是划分各个不同的内容,让整个布局清晰明快。让整个布局具有语义,进一步代替div。二、元素1、h1—h6:表示标题2、header:表示首部3、footer:表示尾部4、nav:表示有意集中...

文本:

文档元素

一、主要作用
文档元素的主要作用就是划分各个不同的内容,让整个布局清晰明快。让整个布局具有语义,进一步代替div。
二、元素
1、h1—h6:表示标题
2、header:表示首部
3、footer:表示尾部
4、nav:表示有意集中在一起的导航元素
5、section:表示重要概念或者主题
6、article:表示一段独立的内容
7、address:表示文档或者Article的联系信息
8、aside:表示与周边内容少有牵涉的内容
9、hgroup:将一组标题组织在一起
10、details:生成一个区域,用户将其展开可以获得更多的细节
11、summary:用在details元素中,表示该元素内容的标题或说明。

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/1293851-c94b8dcc28f80da5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

代码

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>文档元素</title>
    
</head>
<body>
    <header>
        <h1>这是一个大标题</h1>
        <h4>这是一个副标题</h4>
        这里存放网页的标头部分:logo,标题,导航等
    </header>
    
    <footer>
        这里是存放页面的尾部:版权声明,友情链接等
    </footer>
</body>
</html>
目录
相关文章
|
1月前
|
移动开发 HTML5 容器
列表元素
【2月更文挑战第13天】列表元素。
19 0
|
3月前
|
前端开发 JavaScript
几种常见的获取页面元素数据的方法
几种常见的获取页面元素数据的方法
27 0
|
8天前
|
JavaScript 前端开发 数据安全/隐私保护
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
7 0
|
4月前
|
移动开发 前端开发 开发者
HTML的有序列表、无序列表、自定义列表
HTML的有序列表、无序列表、自定义列表
65 0
|
4月前
|
前端开发
HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义
HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义
|
4月前
HTML的基本知识(五)——无序列表、有序列表、自定义列表
HTML的基本知识(五)——无序列表、有序列表、自定义列表
HTML 列表、表格、媒体元素【快速掌握知识点】
HTML 列表、表格、媒体元素【快速掌握知识点】
76 0
HTML 列表、表格、媒体元素【快速掌握知识点】
|
JavaScript
jQuery(二)修改元素、查找元素
jQuery(二)修改元素、查找元素
241 0
jQuery(二)修改元素、查找元素
|
前端开发
如何优雅地为列表非首项元素添加样式,关键靠他们。
在开发中我们常常会会遇到列表相关的场景,比如说:卡片列表,导航栏等等。
82 4
如何优雅地为列表非首项元素添加样式,关键靠他们。
|
索引
删除列表中的元素,文章中含有源码
删除列表中的元素,文章中含有源码
73 0
删除列表中的元素,文章中含有源码