美文网首页Web前端
html - 标签语义化

html - 标签语义化

作者: 廖马儿 | 来源:发表于2017-12-22 20:01 被阅读1次

标签合理使用

section  # 板块,用于划分页面上的不同区域,或者划分文章中不同的节
header  # 页面头部或者板块(section)头部
footer  #  页面底部或者板块(section)底部
nav  # 导航(包含连接的一个列表)
article  # 用来在页面中表示一套结构完整且独立的内容部分。可以用来呈现论坛的一个帖子,杂志或者报纸中的一篇文章,用户提交的评论内容,可以交互的页面模块连接等。
aside  # 元素标签可以包含与当前页面或主要内容相关的引用,侧边栏,广告,nav元素组,以及其他类似的有别与主要内容的部分。(1.被包含在<article>中作为主要内容的复数信息部分,其中的内容以是与当前文章有关的引用,词汇列表等。 2.在<article>之外使用,作为页面或站点全局的复数信息部分:最典型的形式是:sidebar),其中的内容可以是友情链接,附属导航或者广告单元等。
h1-h6  # 标题
ul  # 无序列表
ol  # 有序列表
li   # 
dl dt  dd # 定义列表
time  # 时间标签
em  # 强调一个词或者一段话  (意大利斜体)
strong  # 强调一个词或者一段话 (粗体)
img # 图片

eg:header, footer, section


<!doctype html>
<html>
<head>
</head>

<body>

<header>
</header>
<section>
    <header></header>
    <footer></footer>
</section>
<footer>
</footer>

</body>

</html>

相关文章

  • HTML5十大新特性

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

  • html 标签对应的英文单词

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

  • 面试

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

  • 2021-01-11

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

  • 前端面试常见问题——HTML篇

    1. HTML语义化 什么是HTML语义化 根据内容的结构化(内容语义化),选择合适的标签(代码语义化) 为什么要...

  • HTML初探

    HTML、XML、XHTML之间的区别 HTML语义化 根据内容的结构化(内容语义化),选择合适的标签(代码语义化...

  • H5新增语义化标签

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

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • HTML语义化浅谈

    什么是HTML语义化 HTML语义化,是编写HTML代码的一种方式,根据内容的结构化(内容语义化),选择合适的标签...

  • HTML5详解

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

网友评论

    本文标题:html - 标签语义化

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