美文网首页
HTML5新增标签

HTML5新增标签

作者: 冰land | 来源:发表于2018-06-25 08:57 被阅读17次

HTML5的特点:语义化标签
语义化标签就是尽量使用有相应的结构的含义的Html的标签
1.结构更好,更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,因为结构清晰,so易于阅读)。
2.更有利于特殊终端的阅读(手机、个人助理等)
尽量使用有结构含义的,少用无语义的,如<span>,<div>无意义,看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分不同内容

语法:<header></header>
说明:header元素表示页面中一个内容区块或者整个页面的标题。

语法:<footer></footer>
说明:footer元素表示整个页面或者页面中的一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者联系信息。

语法:<article></article>
说明:article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或者报纸中的一篇文章。

语法:<aside></aside>
说明:aside元素表示article元素的内容之外的,与article元素的内容相关的辅助信息。

语法:<section></section >
说明:section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他重要部分。它可以与h1、h2...h6等元素结合起来使用,标示文档结构。

语法:<nav></nav>
说明:nav元素表示页面中导航链接的部分。

语法:<figure></figure>
说明:figure元素表示一段独立的流内容,一般表示文档主题流内容中的一个独立单元。使用figcaption元素为figure元素添加标题。
figure是一种元素的组合,带有可选标题。用来表示网页上一块独立的内容。
figcaption表示figure的标题。从属于figure,并且figure中只能放置一个figcaption

语法:<mark></mark>
说明:
mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。mark元素的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。

相关文章

  • 初识HTML5

    html5 ≈ html5新增标签以及规范 html5 ≈ html5新增标签 + css3 + JavaScri...

  • HTML5新增标签

    HTML5新增标签

  • HTML HTML5新增标签属性整理

    HTML5 新增属性详解 HTML5 新增标签详解 HTML5 新增全局属性详解

    h5+css黑马笔记

    HTML5 新增标签 新增了那些语义化标签header --- 头部标签nav --- 导航...

  • HTML5 新增标签

    HTML5新增标签 HTML5新增了27个标签元素,废除了16个标签元素,主要包括结构性标签、级块性标签、行内语义...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • H5新增语义化标签

    HTML5 新增标签 什么是语义化 新增了那些语义化标签header --- 头部标签nav ...

  • html5的新增标签

    html5的新增标签的类型有: 结构标签 媒体组合标签 表单控件 一.新增的结构标签有### article 页面...

  • HTML5简介

    HTML5 HTML5的内容主要分为三个部分: 新增的属性、新增的标签、API。 1. 新增的属性 新增的属性包括...

  • HTML标签-->HTML5新增

    HTML的Form新增属性 HTML新增标签 HTML5新增结构标签 视频和音频 CSS 引入css 基本选择器

网友评论

      本文标题:HTML5新增标签

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