第三章:基本HTML结构

时间:2022-05-27 14:55:36

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是访问者将鼠标移到这个元素上时希望出现在提示框里的文本。

第三章:基本HTML结构的更多相关文章

  1. 第三章 - CPU缓存结构和java内存模型

    CPU 缓存结构原理 CPU 缓存结构 查看 cpu 缓存 速度比较 查看 cpu 缓存行 cpu 拿到的内存地址格式是这样的 CPU 缓存读 根据低位,计算在缓存中的索引 判断是否有效 0 去内存读 ...

  2. 第三章 C&num;程序结构&lbrack;3&period;2 选择结构的应用&lpar;Windows窗体应用程序&rpar;&lpar;四&rpar;&rsqb;

    [案例]设计一个顾客选购商品的系统.其中,顾客身份有两类,一类是VIP,另一类是普通会员:商品种类有3种.分别是上衣.裤子和鞋子.其中,VIP享受8折优惠和商店赠送的礼品,而普通会员都不享受.单击[确 ...

  3. 第三章 C&num;程序结构&lpar;3&period;1 顺序与选择结构&rpar;

    [案例]输入某一学生的成绩,输出其对应的档次.具体规定:90分以上为优秀,80分以上至89分为良好,70分至79分为一般,60分至69分为合格,59以下为不及格.如果输入的分数小于0或大于100,则输 ...

  4. 第三章 C&num;程序结构 &lpar;3&period;3 循环结构&rpar;

    (1) while循环 当表达式为真,则执行下面的语句:语句执行完之后再判断表达式是否为真,如果为真,再次执行下面的语句:然后再判断表达式是否为真……就这样一直循环下去,直到表达式为假,跳出循环. [ ...

  5. Javascript权威指南——第二章词法结构,第三章类型、值和变量,第四章表达式和运算符,第五章语句

    第二章 词法结构 一.HTML并不区分大小写(尽管XHTML区分大小写),而javascript区分大小写:在HTML中,这些标签和属性名可以使用大写也可以使用小写,而在javascript中必须小写 ...

  6. Java 第三章 选择结构

    第三章   选择结构 if基本语法: if(条件){// 表达式 // 代码块 } eg: int a = 10; if(a > 1){ System.out.println("内容& ...

  7. java中的数据类型,运算符,字符串,输入输出,控制流,大数值,数组; 《java核心技术卷i》 第三章:java基本程序结构;

    <java核心技术卷i> 第三章:java基本程序结构: 每次看书,去总结的时候,总会发现一些新的东西,这次对于java的数组有了更深的了解: java中的数据类型,运算符,字符串,输入输 ...

  8. Ionic 入门与实战之第三章:Ionic 项目结构以及路由配置

    原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第三章,主要对 Ionic 的项目结构作了介绍,并讲解了Ionic 中的路由概念以及相关配置. 原文发表于我的技术博客 1. Ioni ...

  9. 《Interest Rate Risk Modeling》阅读笔记——第三章:拟合期限结构

    目录 第三章:拟合期限结构 思维导图 扩展 第三章:拟合期限结构 思维导图 扩展 NS 模型的变种

  10. 《Linux内核设计与实现》读书笔记 第三章 进程管理

    第三章进程管理 进程是Unix操作系统抽象概念中最基本的一种.我们拥有操作系统就是为了运行用户程序,因此,进程管理就是所有操作系统的心脏所在. 3.1进程 概念: 进程:处于执行期的程序.但不仅局限于 ...

随机推荐

  1. &lbrack;LeetCode&rsqb; Shortest Word Distance II 最短单词距离之二

    This is a follow up of Shortest Word Distance. The only difference is now you are given the list of ...

  2. BZOJ3230&colon; 相似子串

    3230: 相似子串 Time Limit: 20 Sec  Memory Limit: 128 MBSubmit: 913  Solved: 223[Submit][Status]Descripti ...

  3. 整型数组处理算法(八)插入(&plus;、-、空格)完成的等式:1 2 3 4 5 6 7 8 9&equals;N&lbrack;华为面试题&rsqb;

    有一个未完成的等式:1 2 3 4 5 6 7 8 9=N 当给出整数N的具体值后,请你在2,3,4,5,6,7,8,9这8个数字的每一个前面,或插入运算符号“+”,或插入一个运算符号“-”,或不插入 ...

  4. 微信小程序超出两行省略号

    display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: ...

  5. Linux 单引号和双引号的区别

    1.单引号 单引号将其中的内容都作为了字符串来,忽略所有的命令和特殊字符,类似于一个字符串的用法 $echo 'This is a string' This is a string $echo 'ls ...

  6. &lbrack;UE4&rsqb;哪些数据可以保存

    基本类型的数据都可以保存(整型,浮点型等等)和容器类型(数组.结构体.Maps(字典表)). 复杂数据类型可以使用结构体把要保存的数据提出出来,通过保存结构体,达到保存复杂数据类型的目的.

  7. Unix线程概念、控制原语、属性

    线程: 线程基础概念: 线程在Linux中又称轻量级进程.而且它和进程都有PCB(进程控制块).可是差别是进程的虚拟地址空间是独享的,也就是每一个进程都有自己的虚拟地址空间.可是线程的PCB是共享的, ...

  8. C&num;的Lambda表达式嵌套例子

    /* *curStatsResult是List<string>类型, *x.GetAllOsVersion()结果是string[]类型, *这里是先使用SelectMany()返回一个结 ...

  9. 分布式数据库主键id生成策略

    分布式数据库部署主要分为两种,一种是读写分离.这个需要弄主从数据库.主要是写的时候写主数据库,读的时候读从数据库.分散读取压力,对于读多写少的系统有利于 提高其性能.还有一种是分布式存储,这种主要是将 ...

  10. python Mixin 是个啥?

    内容待添加... 参考文章: [1][python] Mixin 扫盲班