zoukankan      html  css  js  c++  java
  • 第三章:基本HTML结构

    1.每个html 文档都应包含以下基本成分:

    <!DOCTYPE html>                      <!-- html5的顶部声明,声明这是一个html5的文档-->

    <html lang="en">                      <!--lang="en"表示页面的默认语言是英语-->

    <head>                                     <!--网页文档的头部-->

      <meta charset="utf-8" />      <!--将文档的字符编码声明为:utf-8-->

      <title></titile>                    <!--页面的标题-->

    </head>                                   <!--头部的闭标签-->

    <body>                                    <!--网页文档的主体部分-->

    </body>                                   <!--主体部分的闭标签-->

    </html>                                   <!--整个网页的闭标签-->

    2.页面标题titile:每个html都有一个title元素。每个页面的标题都应该是简短的、描述性的、而且是唯一的。title 中不能包含任何格式、html、图像或指向其他页面的链接。

    3.分级标题h1~h6:从h1开始分级标题的重要性逐个递减。允许从低级别跳到高级别的标题。例如<h4>...</h4>之后紧跟着<h2>...</h2> 。不要使用分级标题标记副标题、标语以及无法成为独立标题的子标题。

    4.普通页面有四部分:带导航的页头、显示在主体内容区域的文章、显示次要信息的附注栏以及页脚。

    5.如果一个页面中有一块包含一组介绍性或导航性内容的区域,用header元素对其进行标记。一个页面可以有任意数量的header元素。

    6.在H5中nav中的链接可以指向页面中的内容。将重要的导航链接放入nav元素中。role属性不是必须的但是可以提高可访问性。

    7.页面的主要区域放置在main元素中。该元素在一个页面仅使用一次。不能将main元素放置在article、aside、footer、header或nav元素中。

    8.section代表文档或应用的一个一般的区块。

    9.aside元素定义一个附注栏。使用aside的例子:重要引述、侧栏、指向相关文章的一组链接(常针对新闻网站)、广告、nav元素组(如博客的友情链接)、twitter源、相关产品列表(常用于电子商务网站)等。

    10.footer元素为页面创建页脚。不能再footer里嵌套header或另一个footer。也不能将footer嵌套在header或address元素里。

    11.一个没有语义的容器:div。

    12.为元素指定唯一标示符ID: id="name"。为元素指定类别:class="name"。这些大多在CSS与JS中用来对元素添加特定的行为。

    13.title属性是一段注释。在要添加title属性的HTML元素中,输入title="label",其中label是访问者将鼠标移到这个元素上时希望出现在提示框里的文本。

  • 相关阅读:
    MIPS笔记
    花生壳动态域名解析工具原理
    SEE MIPS RUN 第六章 内存管理与TLB
    C/C++动态内存创建与内存管理
    ngclass 用法
    看了一个烟花的html作品 引用:http://www.w3cfuns.com/blog54440495404365.html
    ngclip angualr 的copy功能
    学习技术的方法
    restful restAPI 的定义方式
    我与计算机
  • 原文地址:https://www.cnblogs.com/koto/p/5001996.html
Copyright © 2011-2022 走看看