第三章：基本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是访问者将鼠标移到这个元素上时希望出现在提示框里的文本。
第三章：基本HTML结构的更多相关文章
- 第三章 - CPU缓存结构和java内存模型
CPU 缓存结构原理 CPU 缓存结构 查看 cpu 缓存 速度比较 查看 cpu 缓存行 cpu 拿到的内存地址格式是这样的 CPU 缓存读 根据低位,计算在缓存中的索引 判断是否有效 0 去内存读 ...
- 第三章 C#程序结构[3.2 选择结构的应用(Windows窗体应用程序)(四)]
[案例]设计一个顾客选购商品的系统.其中,顾客身份有两类,一类是VIP,另一类是普通会员:商品种类有3种.分别是上衣.裤子和鞋子.其中,VIP享受8折优惠和商店赠送的礼品,而普通会员都不享受.单击[确 ...
- 第三章 C#程序结构(3.1 顺序与选择结构)
[案例]输入某一学生的成绩,输出其对应的档次.具体规定:90分以上为优秀,80分以上至89分为良好,70分至79分为一般,60分至69分为合格,59以下为不及格.如果输入的分数小于0或大于100,则输 ...
- 第三章 C#程序结构 (3.3 循环结构)
(1) while循环 当表达式为真,则执行下面的语句:语句执行完之后再判断表达式是否为真,如果为真,再次执行下面的语句:然后再判断表达式是否为真……就这样一直循环下去,直到表达式为假,跳出循环. [ ...
- Javascript权威指南——第二章词法结构，第三章类型、值和变量，第四章表达式和运算符，第五章语句
第二章 词法结构 一.HTML并不区分大小写(尽管XHTML区分大小写),而javascript区分大小写:在HTML中,这些标签和属性名可以使用大写也可以使用小写,而在javascript中必须小写 ...
- Java 第三章 选择结构
第三章 选择结构 if基本语法: if(条件){// 表达式 // 代码块 } eg: int a = 10; if(a > 1){ System.out.println("内容& ...
- java中的数据类型，运算符，字符串，输入输出，控制流，大数值，数组； 《java核心技术卷i》 第三章：java基本程序结构；
<java核心技术卷i> 第三章:java基本程序结构: 每次看书,去总结的时候,总会发现一些新的东西,这次对于java的数组有了更深的了解: java中的数据类型,运算符,字符串,输入输 ...
- Ionic 入门与实战之第三章：Ionic 项目结构以及路由配置
原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第三章,主要对 Ionic 的项目结构作了介绍,并讲解了Ionic 中的路由概念以及相关配置. 原文发表于我的技术博客 1. Ioni ...
- 《Interest Rate Risk Modeling》阅读笔记——第三章：拟合期限结构
目录 第三章:拟合期限结构 思维导图 扩展 第三章:拟合期限结构 思维导图 扩展 NS 模型的变种
- 《Linux内核设计与实现》读书笔记 第三章 进程管理
第三章进程管理 进程是Unix操作系统抽象概念中最基本的一种.我们拥有操作系统就是为了运行用户程序,因此,进程管理就是所有操作系统的心脏所在. 3.1进程 概念: 进程:处于执行期的程序.但不仅局限于 ...
随机推荐
- js判断获取浏览器关闭状态
如题,js获取浏览器关闭状态,可实现判断选择是否关闭. <html> <head> <title> </title> </head> < ...
- Python第一天——入门Python(3)列表
列表,也是一种序列类型. 如何定义列表? 用" [ ] "(中括号进行定义) 列表的索引操作 例如 # hobby_list=['basketball','football','p ...
- CreateMutex 创建一个有名字的互斥量的时候hMutex=CreateMutex(NULL,TRUE,"tickets")报错
编译器报错: 不能将参数 3 从“const char [8]”转换为“LPCWSTR”,怎么改成LPCWSTR类型 更改方法: hMutex=CreateMutex(NULL,TRUE,L" ...
- Linux进程通信——管道
管道(pipe)本质上是一种文件,管道通信本质上是通过读写文件通信,但是管道解决了文件的两个问题:限制管道大小,解决read()调用文件结束问题. 管道一个环形的缓冲区,通过两个进程以生产者/消费者的 ...
- chrome浏览器如何在本地安装谷歌访问助手教程
许多用户都需要使用谷歌的gmail,搜索.我们目前可以用谷歌访问助手解决google无法访问的问题.那么谷歌访问助手在chrome浏览器中如何安装和使用呢?今天我们详细介绍. 本地安装谷歌访问助手的步 ...
- HDU 5886 Tower Defence
树的直径. 比赛的时候想着先树$dp$处理子树上的最长链和次长链,然后再从上到下进行一次$dfs$统计答案,和$CCPC$网络赛那个树$dp$一样,肯定是可以写的,但会很烦.......后来写崩了. ...
- python流程控制：while循环
python编程中whihe语句用于循环执行程序,即在某条件下,循环执行某段程序,以处理需要重复处理的相同任务. while循环语句格式: while <判断条件>: 执行语句 count ...
- PAT乙级1004. 成绩排名 (20)
读入n名学生的姓名.学号.成绩,分别输出成绩最高和成绩最低学生的姓名和学号. 输入格式:每个测试输入包含1个测试用例,格式为 第1行:正整数n 第2行:第1个学生的姓名 学号 成绩 第3行:第2个学生 ...
- flex flashplayer 程序 和 air 程序 通过 LocalConnection 通信
flashplayer 做控制端: <?xml version="1.0" encoding="utf-8"?> <s:Application ...
- NEUQ1051: 谭浩强C语言(第三版)习题6.7
//C代码简直难看到家,求大神知道如何写出复用性好的,维护性强的代码... //格式错误了好几次,最后发现是are和数字之间多了个空格......本来一直以为是最后的换行多了,费劲搞掉了. #incl ...