美文网首页
【web开发学习笔记1】html 文档元素

【web开发学习笔记1】html 文档元素

作者: ZL_龙 | 来源:发表于2017-03-03 22:47 被阅读0次

一 .元素的作用概况

作用:文档元素主要作用是划分不同的内容,让内容更清晰,元素具有语义进一步替代DIV标签。 没有实际的用途和效果主要是为了在布局时区分主题和概念。

二 .元素汇总

各位同学先简单看一下下面的表格后面会逐一分析。

汇总表格

元素汇总表
三 .元素说明

  1. header
<header>
        这里面放网页的表头部分:LOGO ,标题,导航等
</header>

解释:header主要设置页面的表头部分

  1. footer
<footer>
        <h3>h尾部副标题</h3>
        这里存放页面的尾部:版权声明友情链接
    </footer>

解释:footer主要设置页面的页尾内容

  1. group组合标签
<hgroup>
            <h1>主标题</h1>
            <h3>副标题</h3>
 </hgroup>

解释:group 元素的作用就是当多个标题出现,干扰到一对或多个本身需要整合的标题,用该元素包含群组

  1. section 文档主题
 <section>
        这里是文档
 </section>

解释:section提议一个文档的主题内容 主题部分

  1. nav 导航
 <nav>这里是导航</nav>

解释:很明显这个就是一个导航标签

  1. article 独立成篇的文档
 <article>
        <header>...</header>
        <section>...</section>
        <footer>...</footer>
    </article>

解释:元素表示独立成篇的文档,里面可以包含头元素,尾,等其他元素标签。在比较大的页面中会使用到,比如一篇博客的列表,没篇博文,都有自己的头,尾,主题,等内容,和次相似的还有论坛的帖子,用户的评论,新闻等。

  1. asider 生成注释栏
<aside>
        测栏
    </aside>

解释:侧边的小广告和一些其他内容

  1. address 表示联系信息
 <address>这里是联系方式</address>

9.details 详情区域元素内容的说明或者展开具体就不做说明了

相关文章

  • 【web开发学习笔记1】html 文档元素

    一 .元素的作用概况 作用:文档元素主要作用是划分不同的内容,让内容更清晰,元素具有语义进一步替代DIV标签。 ...

  • 前端基础 HTML、CSS 重点整理

    HTML web相关介绍 html简介 html基础语法 元素属性 html文档结构 html标签标题元素 h1段...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • 【web开发学习笔记4】html分组元素

    1. 段落 这是一个段落 这是另一个段落 文本的一个段落,段落和段落之间保持一定的间隙。 2 通用分组 这...

  • php运行环境

    PHP笔记 1.php介绍 主要用于web开发,PHP是将程序嵌入到HTML文档中去执行。 2.运行方式 下载xa...

  • HTML与CSS前端开发精品课学习笔记

    Web前端开发精品课读书笔记[toc] HTML与CSS进阶教程 小知识 最新HTML标准文档说明简化, 大小写不...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 03_HTML 元素

    现在我们来学习HTML元素。HTML 文档是由HTML元素定义的。 什么是HTML元素 HTML元素指的是从开始标...

  • 【web开发学习笔记2】html 文本元素

    文本元素为乱码的的时候可以用在 中引入 也可以在浏览器中设置。 元素 加粗文本,编辑一短文本,但并不是特别强调的...

  • HTML速查表

    1、HTML 基本文档 1、HTML 文档元信息 所有 头部元素的容器元素必须包含文档的标题 可以包含脚本 、样...

网友评论

      本文标题:【web开发学习笔记1】html 文档元素

      本文链接:https://www.haomeiwen.com/subject/jhnrgttx.html