zoukankan      html  css  js  c++  java
  • HTML5学习笔记(四)语义元素

    语义元素能够清楚的描述其意义给浏览器和开发者。

    无语义 元素实例: <div> 和 <span> - 无需考虑内容.

    语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.

    HTML5 提供了新的语义元素来明确一个Web页面的不同部分:

    • <header> 头部,可以使用多个<header> 元素.
    • <nav>      导航链接
    • <section>  定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
    • <article>   定义独立的内容。.
    • <aside>     定义页面主区域内容之外的内容(比如侧边栏)。
    • <figcaption>定义 <figure> 元素的标题.应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
    • <figure>   规定独立的流内容(图像、图表、照片、代码等等)。如果被删除,则不应对文档流产生影响。
    • <footer>  文档的底部区域.可以使用多个 <footer>元素.

    以上的元素都是块元素(除了<figcaption>).

    为了让这些块及元素在所有版本的浏览器中生效,你需要在样式表文件中设置一下属性 (以下样式代码可以让旧版本浏览器支持本章介绍的块级元素):

    header, section, footer, aside, nav, article, figure

        display: block; 
    }
  • 相关阅读:
    ES6入门详解(二) 解构赋值
    python 入门简述
    webpack4x 简述
    ES6入门详解(一) let const
    关于HTML的简述
    按照in条件排序
    Oracle 优化效率
    input输入框校验
    <a>标签操作
    svn安装
  • 原文地址:https://www.cnblogs.com/dengquan/p/9486677.html
Copyright © 2011-2022 走看看