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


    第一章 网页的构造块

    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 Apartwww.alistapart.com)和Smashing Magazinewww.smashingmagazine.com

    2、禁用Chrome缓存

    1)在Chrome中按下Ctrl+Shift+I,打开ChromeDeveloper 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,也不能在footeraddress里嵌套header。页面级的页眉设置属性role=”banner”,在每个页面仅使用一次。

    6、<nav></nav>主导航的链接可以指向页面中的内容。不能在address里嵌套nav。设置属性role=”navigation”,在每个页面可以使用多次。

    7、<main></main>主要区域在一个页面仅使用一次,不能在articleasidefooterheadernav中嵌套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嵌套在headeraddress里。页面级的页脚设置属性role=”contentinfo”,在每个页面仅使用一次。

    12、<div></div>完全没有任何语义的通用元素。设置属性role=”main”,在每个页面仅使用一次。设置属性role=”complementary”,在每个页面可以使用多次。

    13、WAI-ARIA无障碍网络协议-无障碍的富互联网应用,也简称ARIA

    <!--  -->注释不能嵌套在其他注释里。

  • 相关阅读:
    用两个栈实现队列(剑指09题)
    PHP 视频源文件加密方案
    PHP 实现大文件视频推流
    logstash笔记
    yum本地包的获取与安装
    IF.SVNAdmin安装 | SVN权限可视化管理
    Windows全局程序调用 Win + R
    Jenkins复制流水线命令行
    SVN hooks编写[Linux&Windows]
    AA压限, 语音识别去除语气词, 等
  • 原文地址:https://www.cnblogs.com/wuping/p/5005205.html
Copyright © 2020-2023  润新知