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

一 .元素的作用概况

作用:文档元素主要作用是划分不同的内容,让内容更清晰,元素具有语义进一步替代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 详情区域元素内容的说明或者展开具体就不做说明了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,663评论 25 708
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,110评论 1 25
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,472评论 0 3
  • 在很久很久以前
    b60e9932149e阅读 186评论 0 0