您的位置：首页 > Web前端 > HTML5

《HTML5与CSS3基础教程》第1-3章

2015-11-29 19:10 411 查看

第一章网页的构造块

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。

注释不能嵌套在其他注释里。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航