第一章 网页的构造块
1、文件名和文件夹名采用小写字母,用短横线分隔单词
2、URL
1)基本的URL包含模式、主机名和路径
2)以一个斜杠而非文件名结尾的URL指向最后一个目录中的默认文件
3)绝对URL:包含了指向目录或文件的完整信息,包括模式、主机名和路径。引用别人Web服务器上的文件时,应该总是使用绝对URL。对于FTP站点以及几乎所有不使用HTTP协议的URL,都应该使用绝对URL
4)相对URL:引用同一目录下的文件的相对URL就是文件名.拓展名;引用子目录下的文件的相对URL就是子目录名/文件名.拓展名;引用上级目录中的文件的相对URL就是../文件夹名/文件名.拓展名;根相对URL用于位于Web服务器的文件就是/文件夹名/文件名.拓展名。如果不是在服务器本地开发网站,通常应使用相对URL
第二章 处理网页文件
1、与建站相关的资源:A List Apart(www.alistapart.com)和Smashing Magazine(www.smashingmagazine.com)
2、禁用Chrome缓存
1)在Chrome中按下Ctrl+Shift+I,打开Chrome的Developer Tools(开发者工具)
2)点击右上角的齿轮图标
3)在Settings(设置)→General(通用)中,选择Disable Cache(禁用缓存)
4)关闭Settings面板,但不关闭Developer Tools。只要Developer Tools是打开状态的,就会禁用缓存(除非取消选择)Disable Cache。
第三章 基本HTML结构
1、<!DOCTYPE html>声明页面为HTML5文档
2、<meta charset=”utf-8”/>
3、<title></title>页面标题显示在标题栏、标签页上,也出现在访问者的History面板、收藏夹列表、书签列表中。Title元素是必需的,不能包含任何格式、HTML、图像或指向其他页面的链接
4、<h1></h1>...<h6></h6>创建分级标题时要避免从高级别越级跳到低级别,而从低级别越级跳到高级别是被允许的。不要使用h1~h6标记标题、标语以及无法成为独立标题的子标语
5、<header></header>页眉包括网站标志、主导航和其他全站链接,甚至搜索框,也适合对页面深处的一组介绍性或导航性内容进行标记。不能在header里嵌套footer或另一个header,也不能在footer或address里嵌套header。页面级的页眉设置属性role=”banner”,在每个页面仅使用一次。
6、<nav></nav>主导航的链接可以指向页面中的内容。不能在address里嵌套nav。设置属性role=”navigation”,在每个页面可以使用多次。
7、<main></main>主要区域在一个页面仅使用一次,不能在article、aside、footer、header或nav中嵌套main。设置属性role=”main”,在每个页面仅使用一次。
8、<article></article>文章可以包含各种类型的内容。一个article可以嵌套在另一个article中,一个article可以包含一个或多个section。
9、<section></section>如果只是出于添加样式的原因要对内容添加一个容器,应使用div而不是section。
10、<aside></aside>在HTML中,应该将附注栏aside的内容放在main的内容之后。对于与内容有关的图像(如图表、图形或有说明文字的插画),应使用figure而不是aside。不能在address中嵌套aside。设置属性role=”complementary”,在每个页面可以使用多次。
11、<footer></footer>不能在footer里嵌套header或另一个footer,也不能将footer嵌套在header或address里。页面级的页脚设置属性role=”contentinfo”,在每个页面仅使用一次。
12、<div></div>完全没有任何语义的通用元素。设置属性role=”main”,在每个页面仅使用一次。设置属性role=”complementary”,在每个页面可以使用多次。
13、WAI-ARIA无障碍网络协议-无障碍的富互联网应用,也简称ARIA。
<!-- -->注释不能嵌套在其他注释里。