美文网首页
html标签语义

html标签语义

作者: 蘑菇酱960903 | 来源:发表于2018-04-29 15:32 被阅读0次

<header> 定义页面或章节的头部,包含logo,页面标题,目录,导航
<footer> 定义尾部信息,经常包含版权信息,邮箱地址,博客地址,反馈建议等,法律信息

  • <main> 定义文档中主要和重要的内容,文档中不能出现一个以上的main标签,若出现多个main标签,其他main标签设置为hidden,不能是被<article> <aside> <footer> <header> <nav>标签的继承
    <address> 联系作者信息且有关于联系地址
    <aside> 关联度较低的内容,例如广告
    <article> 独立于内容其余部分的完整独立内容块
    <section> 一个章节内容,表示一个整体内容,文档大纲
    <nav> 导航链接的章节

区分:
<em> <i> :
都是斜体格式,em强调或重读,i这是排版外观
<strong> <b> :
都是粗体格式,strong更多着重强调某个内容,而b只是一个样式上的体现,没有其他含义
<s> <del > <ins>
都是删除线,s表示内容不再相关,del和ins更多是在文本编辑上的删除
<q> <blockquote>
q表示行内引用 blockquote表示段引用
<dfn> <abbr>
有title属性,dfn有术语定义,该术语定义着它所包含的内容,定义在自身title属性,abbr中的title属性描述其内容
总结:

  • 使用<em> 表示强调或重读。
  • 使用 <strong> 表示重要性。
  • 使用 <mark> 表示相关性。
  • 使用<cite> 标记著作名,如一本书、剧本或是一首歌。
  • 使用 <dfn> 标记术语的定义实例。

相关文章

  • 关于Web语义化的理解

    在Html中标签可以分为有语义标签和无语义标签。如有语义标签有: , , ;无语义标签有: , ,

  • html 标签对应的英文单词

    标签(空格分隔): html 标签语义化 英语 前言 对于标签语义化的理解 有些许帮助吧 html标签-英文单词...

  • HTML5十大新特性

    1.语义化标签 对比之前HTML没有体现结构语义化的标签,如: //表头的声明 HTML5提供语义化标签,如: 等...

  • 面试

    HTML 如何理解 HTML 语义化 HTML语义化就是使用正确的标签,段落就写 p 标签,标题就写 h1 标签,...

  • HTML5部分新语义标签

    语义标签 举个例子,语义标签就是标签本身代表了一定的含义 HTML4.01语义标签p标签:段落img标签:图片。。...

  • web前端网站收藏

    更新于 2016-09-02 API 速查 HTML5标签 HTML5 标签的语义,帮助我们写出语义化的HTML ...

  • html标签语义

    定义页面或章节的头部,包含logo,页面标题,目录,导航 定义尾部信息,经常包含版权信息,邮箱地址,博客地址,反...

  • H5新增语义化标签

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

  • 2021-01-11

    html语义化标签 什么是HTML语义化 元素本身传达了关于标签所包含内容类型的一些信息。 语义化的意义 代码结构...

  • 笔记2

    HTML语义标签 doctype标签:<!doctype html>