05 # 网页的语义结构

说明

网道HTML 教程学习笔记

1、含义

HTML 标签的一个重要作用,就是声明网页元素的性质,使得用户只看标签,就能了解这个元素的意义,阅读 HTML 源码就能了解网页的大致结构。这被称为 HTML 的语义原则

<body>
  <header>页眉header>
  <main>
    <article>
      <h1>文章标题h1>
      <p>文章内容p>
    article>
  main>
  <footer>页尾footer>
body>

2、常用标签

2.1、

1、表示整个网页的头部

<header>
  <h1>公司名称h1>
  <ul>
    <li><a href="/home">首页a>li>
    <li><a href="/about">关于a>li>
    <li><a href="/contact">联系a>li>
  ul>
  <form target="/search">
    <input name="q" type="search" />
    <input type="submit" />
  form>
header>

2、表示一篇文章或者一个区块的头部

<article>
  <header>
    <h1>罗翔讲刑法h1>
    <p>张三,于2010年1月1日在xx地方。。。p>
  header>
article>

注意

里面不能包含另一个

2.2、

表示网页、文章或章节的尾部。

1、如果用于整张网页的尾部,就称为“页尾”,通常包含版权信息或者其他相关信息。

<body>
  <footer>
    <p>© 2018 xxx kaimop>
  footer>
body>

2、文章里面。

<article>
  <header>
    <h1>文章标题h1>
  header>
  <footer>
    <p>© 禁止转贴p>
  footer>
body>

注意

不能嵌套,即内部不能放置另一个
,也不能放置

2.3、

标签表示页面的主体内容,一个页面只能有一个

<body>
    <header>页眉header>
    <main>
      <article>文章article>
    main>
    <aside>侧边栏aside>
    <footer>页尾footer>
body>

注意

是顶层标签,不能放置在

你可能感兴趣的:(01-Html,/,Css)