`

HTML5与css3权威指南笔记

 
阅读更多

一 html5 与html4的区别

    1.内容类型

       docType 声明是html文件中必不可少的。它位于文件第一行。

          <!DOCTYPE html>

       html4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">

          

2.指定字符集编码

        HTML5对文件的字符集编码推荐使用UTF-8

        <media charset="UTF-8">

         

     3.可以省略标记的元素

         不允许写结束标记的元素有:area,base,br,col,command,embed,hr,img,input,keygen,link,media

source,track,wbr。(注:即<元素名/> 形式,即不包含内容)

         可以省略结束标记的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfront,tr,td,th

 (注:<元素名> ....</元素名>,后面这个</元素名> 可以省略)

         可以省略全部标记的元素有:html,head,body,colgroup,tbody。

    4.具有boolean值的属性

         <!---只写属性名,不写属性值,代表true-->

         <input type="checkbox" checked>

         <!---不写属性代表属性值为false-->

         <input type="checkbox">

         <!---属性名==属性名,代表为true-->

         <input type="checkbox" checked="checked">

         <!---属性名==空字符串,代表为true-->

          <input type="checkbox" checked="">

5.属性值省略引号

         指定属性值时,属性值两边即可以使用单引号,也可以使用双引号,html5中当属性值不包括单引号,

双引号,“>”,"<","="等特殊字符可以省略属性值两边的引号。 

         如:<input type="text"> 可以为<input type=text>

    6.新增元素

  •  section

        表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其它部分

        html5:<seciton>...</section>

        html4:<div>..</div>

 

  • article

        表示与上下文不相关的一块独立内容,譬如博客中的一篇文章

        html5:<article>....</article>

        html4:<div>....</div>

  • aside

        表示article元素内容之外的,与article元素的内容相关的辅助信息

        html5:<aside>....</aside>

        html4:<div>....</div>

 

  • header

        表示页面中的一块内容区域或页面的标题

        html5:<header>....</header>

        html4:<div>....</div>

 

  • hgroup

        表示对整个页面或页内中的一个内容区块的标题进行组合

        html5:<hgroup>....</hgroup>

        html4:<div>....</div>

 

  • footer

        表示整个页面或页面中的一个内容区块的注脚

  • nav

        表示导航链接

  • figure 

 

分享到:
评论

相关推荐

    《HTML5权威指南》笔记第二部分

    以上内容总结了《HTML5权威指南》笔记第二部分中的关键知识点,包括HTML5的基本理念、元素选用原则以及文档中各种元素的功能和使用场景。通过对这些核心概念的理解,可以帮助开发者更好地掌握HTML5的使用方法,并...

    《HTML5权威指南》笔记第一部分

    HTML5权威指南》笔记第一部分中提到的知识点涵盖了HTML5的基础概念、HTML页面结构、基本元素、浏览器兼容性、编辑器推荐以及HTML5中的一些新特性。以下是对这些知识点的详细介绍: ### HTML5基础概念 HTML5是第五代...

    《HTML5权威指南》笔记第三部分

    ### HTML5权威指南笔记第三部分知识点详解 #### CSS标准化与盒模型 - **CSS标准化**:随着Web技术的发展,浏览器间的兼容性问题逐渐凸显。早期,由于不同浏览器对CSS属性的支持程度不同,开发者不得不采用特定于某...

    《HTML5权威指南》笔记第四部分

    ### 《HTML5权威指南》笔记第四部分:深入理解DOM #### DOM概念解析 文档对象模型(Document Object Model,简称DOM)是HTML5的核心组成部分之一,它为网页开发者提供了一种将HTML文档转换成可编程对象的方式。通过...

    HTML5权威指南 阅读计划-叶糖糖1

    《HTML5权威指南》是一本全面且深入介绍HTML5、CSS和JavaScript的书籍,适合初级到中级前端工程师阅读。本书的特色在于系统性地涵盖了HTML5的各项新特性,包括标记文字、文档分节、表格元素、表单以及自定义input...

    htmland css.zip

    本资料压缩包包含了关于这两个主题的重要资源,特别是"HTML5与CSS3权威指南第3版.pdf"这本书,以及一个名为"新建文本文档.txt"的文本文件。 HTML5是超文本标记语言(HyperText Markup Language)的最新版本,它引入...

    《jQuery权威指南》学习笔记之第3章 jQuery操作DOM

    现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...

    css权威指南--笔记(必看)

    下面是对《CSS权威指南》笔记的详细解析: 1. **元素与替换元素**:在HTML中,元素分为两类,替换元素(如`&lt;img&gt;`、`&lt;input&gt;`)和非替换元素(如`&lt;span&gt;`)。替换元素的外观由其内在内容决定,而非替换元素的外观受...

    CSS学习笔记

    ### CSS学习笔记精要 ...- **书籍阅读**:《CSS权威指南》、《CSS揭秘》等专业书籍深入讲解CSS的高级特性和最佳实践。 通过不断学习和实践,你可以掌握CSS的强大功能,创造出既美观又功能性的网页设计。

    《jQuery权威指南》学习笔记之第1章 jQuery开发入门

    《jQuery权威指南》是广大前端开发者非常推崇的一本技术书籍,尤其对于初学者而言,它提供了深入理解jQuery的宝贵资源。在第1章"jQuery开发入门"中,我们将会接触到jQuery的基本概念、核心理念以及如何开始使用这个...

    《jQuery权威指南》学习笔记之第4章 jQuery中的事件与应用

    在深入探讨jQuery中的事件与应用之前,我们先要理解jQuery库的基本概念。...在阅读《jQuery权威指南》的第4章时,重点关注上述内容,结合实际项目进行实践,将有助于巩固和深化对jQuery事件处理的理解。

    JS权威指南(第四版)学习笔记.doc

    它主要用于增强用户界面,与HTML和CSS一起构成网页开发的三大核心技术。JavaScript在网页中嵌入,无需预编译,而是由浏览器逐行解释执行,这种特性使得JavaScript具备了实时性和交互性。 在JavaScript中,有几个...

    Oreilly.HTML学习笔记

    Oreilly出版的《HTML and XHTML: The Definitive Guide》是这个领域的权威指南,已经更新到第五版,为读者提供了深入理解HTML和XHTML的全面知识。 HTML是一种标记语言,它的主要作用是定义网页结构,通过不同的标签...

    《jQuery权威指南》学习笔记之第2章 jQuery选择器

    jQuery选择器是基于CSS选择器的扩展,它允许开发人员通过简洁的语法来选取页面上的特定元素。下面我们将详细讨论jQuery中的各种选择器及其用法: 1. **基本选择器** - `$(“element”)`: 这是最基础的选择器,用于...

    玩转html5的canvas画图

    ,最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。温馨提示:以下所有实验请使用最新版的operacontext:一直觉得这个翻译成“上下文”真够蛋疼的,context是一个封装了很多...

    前端开发书籍推荐与学习路线.docx

    * 推荐书籍:CSS 权威指南、JavaScript 高级程序设计 * 学习方法:边用 VS Code+Chrome 扫描器实战,结合 MDN,写笔记,做思维导图 二、JavaScript 基础 * 推荐书籍:JavaScript 高级程序设计、JavaScript 权威...

    笔记:读书笔记,读书笔记

    :open_book: 读书笔记 :slightly_smiling_face: :upside-down_face: 买过很多书,也打印过很多电子版的书籍和资料,断断续续的读,杂乱无章。心血来潮,想自己整理一下,希望可以坚持下去,不断...Git权威指南 网络安全

    Jquery 学习帮助文档

    《jQuery权威指南》是一本深入解析jQuery的书籍,其读书笔记为我们提供了理解jQuery核心概念和实用技巧的宝贵资源。 ### 1. jQuery基础 - **选择器**: jQuery的选择器基于CSS,可以方便地选取DOM元素,如`$("#id")...

    boutique-books:我读过的一些好书

    《CSS权威指南》 b06-JS与NodeJS 《深入浅出NodeJs》 《深入理解ES6》 《你不知道JavaScript-上卷》 《你不知道JavaScript-中卷》 《你不知道JavaScript-下卷》 《JavaScript模式》 《JavaScrip

Global site tag (gtag.js) - Google Analytics