`

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权威指南 阅读计划-叶糖糖1

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

    htmland css.zip

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

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

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

    CSS学习笔记

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

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

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

    Oreilly.HTML学习笔记

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

    玩转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

    Javascript相关资料

    2. **Javascript权威指南.chm**:这是一本深入讲解JavaScript的书籍,可能涵盖了从基础语法到高级特性的全面内容,如变量、函数、对象、原型链、闭包、异步编程等。 3. **PHP4 中文参考手册.chm**:虽然不是直接...

    java学习资料总结2015新

    - **《OracleDatabase11g性能优化攻略》** 和 **《MySQL5权威指南(第3版)》** 等书籍提供了关于数据库管理和优化的专业知识,对于后端开发者来说非常重要。 - **《MongoDB权威指南》** 介绍了 MongoDB 这一非...

    web-learning-notes

    这个资源涵盖了多个关键领域,包括HTML基础知识、面试准备、性能优化以及JavaScript的学习笔记,特别是阅读《JavaScript权威指南》的心得。让我们深入探讨这些知识点。 1. **HTML**:HTML(HyperText Markup ...

    CIW Foundations

    此外,还可能涉及网站规划和设计,包括使用HTML5和CSS3创建响应式网页,以及如何使用FTP进行文件传输。 "代码中国.txt"可能是记录了关于编程或网站开发的笔记,或者是一些代码示例,帮助学习者实践所学的理论知识。...

    Learning-Resource-Path-Front-End::high_voltage:这个仓库为开发人员提供了一种资源,可以利用他们的前端开发之旅

    3. **HTML**:超文本标记语言(HTML)是网页结构的基础,用于创建和组织网页内容。同样,W3Schools的HTML教程是学习此语言的好资源。 4. **MDN**:Mozilla Developer Network 提供了Web开发的全面文档,包括HTML、...

    《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析

    各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript和php一半一半才渐渐发现javascript的强大和灵活,看了《javascript权威指南》和《jav

    个人网站资料

    3. **资料**:这部分可能包括了教程、指南、参考资料或者笔记,帮助用户学习如何规划、设计和搭建个人网站。可能涉及到域名注册、主机选择、CMS(内容管理系统)如WordPress的使用、SEO(搜索引擎优化)策略等。资料...

Global site tag (gtag.js) - Google Analytics