`
wungking
  • 浏览: 10785 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML5学习记录之HTM5的设计

阅读更多

今天有幸发现了一篇外国大神写的文章,详细的介绍了HTML的发展过程,以及HTML5的来源,其中也给我纠正了一个问题--关于DOCTYPYE的真正含义,先把书名发出来,再好好说说这个DOCTYPE的问题,书名《HTML5的设计》。

相信很多人都已经知道了<!DOCTYPE html> 这是HTML5中对于文档类型的规范,DOCTYPE并不是写给浏览器看的(之前我就以为是这样),它是写给验证器看的,如果你在doctype中使用的是xhtml 1.0的规范,在html中又用了html5的标签,那浏览器还是会正常的解析出来,因为浏览器在接收的时候必须开放,它不会检查任何格式类型,只有验证器会。写doctype的最主要的目的就是告诉浏览器 你想使用哪个模式,是标准模式,还是兼容模式。HTML5的这种写法就是告知浏览器该文档使用的标准模式。

关于HTML5的设计,其主要提到的还有HTML5的简洁,比如说声明文档使用utf-8编码,xhtml1.0 就是写 <meta http-equidv="Content-Type" content="text/html ;charse=utf-8" />我还记得毕业那年腾讯面试我的时候让我写过这段,很遗憾,html头部这些东西我都没记过,但如果当时我学过html5的话,我会直接丢出<meta charset="utf-8">这样,搞不好我现在已经坐在腾讯的办公室了。对于css文件的link使用,和js文件的script元素,都做了相应的简化,总结3个词就是避免--不必要的--复杂性(老外总结的)。

HTML5的向前兼容:由于互联网已经发展了比较长的时间,新的标准就必须要兼容之前的页面属性,即使是在html5中弃用的属性,浏览器都需要正常解析出来。曾经不规范的写法,现在也在HTML5中规范了起来,在之前链接元素之内是不允许包含块级元素的(IE是不行的),而现在它变成了一个标准,例如:

<h2><a href='http://www.xx.com'>HELLO WORLD</a></h2>

<p><a  href='http://www.xx.com'>HELLO GIRL</a></p>(以前的标准写法)

现在就变成<a href='http://www.xx.com'><h2>HELLO WORLD</h2><p>HELLO GIRL</p></a> 这样就可以只使用一个链接,实习块级元素的同一跳转。当然现在IE还是不支持,但是这变成了一种HTML5标准,以后没人会批评你写的不标准,只会说你这写的不兼容IE

还有些新的标签我就不一一介绍了,其中对于表单类型的增强,由于IE都不支持,所以还是要慎用,还有HTML5中争议比较大的视频标签,和canvas,总有人拿来和flash视频做比较,说HTML5或取代flash,这些问题都只能静观其变,不能轻易下结论。

今天的文章也就到这了,简单的介绍了下HTML5的设计,希望能勾起大家对HTML5的兴趣

0
0
分享到:
评论

相关推荐

    HTML学习笔记.ppt

    HTML,全称Hyper Text Markup ...总的来说,HTML是构建网页的基础,理解和掌握HTML语法与元素对于任何想要涉足网页设计和开发的人来说都是至关重要的。通过实践和不断学习,你可以创造出功能丰富、视觉吸引力强的网页。

    前端学习之路-htm5+css3l笔记.doc

    在前端开发领域,HTML5和CSS3是两个至关重要的技术,它们极大地提升了网页的交互性和设计美感。本文将深入探讨这两个技术的新特性及其在实际应用中的作用。 首先,我们来看看CSS的初始化,这对于保证跨浏览器的一致...

    简单打字游戏HTM5L+css3+JavaScript实现.zip

    总的来说,这个项目提供了一个学习和实践HTML5、CSS3和JavaScript的好机会,尤其是对于想要提升Web开发技能的初学者而言。通过这个打字游戏,开发者可以深入理解如何将这些技术结合起来,创建交互式、动态的Web应用...

    HTML CSS笔记(含HTML5 CSS3 sublime快捷键整理).docx

    ### HTML CSS笔记(含HTML5 CSS3 sublime快捷键整理) #### 概述 本文档针对Web前端新手,全面系统地介绍了HTML、HTML5、CSS、CSS3的基础知识以及Sublime Text编辑器的快捷键操作技巧。文档共计104页,内容丰富...

    html5种在线客服代码(完整)

    HTML5是一种强大的网页开发语言,它为网页设计者和开发者提供了更多创新和交互性的可能性。在本主题中,我们关注的是HTML5在实现在线客服功能中的应用,特别是那些页面悬浮的客服系统。这些系统通常位于网页的右下角...

    HTML基础笔记的整理

    HTML,全称Hyper Text Markup Language,是用于创建网页的标准标记语言。...学习HTML不仅涉及语法和标签的使用,还包括对Web标准的遵循,以及与CSS和JavaScript的协同工作,以实现高质量的网页设计和开发。

    HTML5坦克大战单机游戏

    4. 存储机制:HTML5提供了Web Storage(包括localStorage和sessionStorage)和IndexedDB等本地存储机制,可以用来保存用户的游戏进度、高分记录等数据,使得游戏体验更完整。 5. Audio API:HTML5的Audio API允许...

    html学习笔记

    根据给定的“HTML学习笔记”文件,我们可以深入解析HTML(超文本标记语言)的关键概念、标签及其使用方法。HTML是构建网页的基础,通过一系列预定义的标签来组织和格式化网页上的内容。 ### HTML的基本概念 1. **...

    html5双十二购物狂欢节九宫格抽奖代码.zip

    "html5双十二购物狂欢节九宫格抽奖代码.zip"是一个专门为双十二购物狂欢节设计的HTML5抽奖页面代码,旨在为用户提供一种吸引人的互动体验。这个项目可能包含了JavaScript(JS)特效,这是"JS特效-其它代码"标签所...

    angularjs学习笔记

    **AngularJS学习笔记** AngularJS,作为一款强大的前端JavaScript框架,由Google维护,主要用于构建单页应用程序(SPA)。它的核心特性包括数据绑定、依赖注入、模块化和指令系统,极大地简化了网页应用的开发流程...

    html、CSS笔记大全

    3. 纯文本文件,扩展名为.htm或.html。 4. 需要在Web浏览器上运行,具备跨平台性。 HTML的语法结构主要包括: 1. 起始标记`&lt;html&gt;`和结束标记`&lt;/html&gt;`,它们标志着整个HTML文档的开始和结束。 2. 文件头部`&lt;head&gt;`...

    HTML5电脑端微信聊天窗口界面.zip

    HTML5技术在网页设计与开发领域中扮演着重要的角色,尤其在创建动态、交互性强的用户界面方面。这款"HTML5电脑端微信聊天窗口界面"就是利用HTML5和CSS3的强大功能,模拟了电脑版微信的聊天窗口效果,提供了一个流畅...

    HTML完整教程笔记

    ### HTML完整教程笔记知识点 #### 一、HTML基础概念 - **HTML定义**:HTML(HyperText Markup Language)即超文本标记语言,是一种用于创建网页的标准标记语言。 - **HTML文件组成**:HTML文件不仅包括纯文本内容,...

    html笔记

    八、HTML学习资源 对于初学者,可以从W3School、MDN Web Docs等在线教程开始学习。同时,动手实践是掌握HTML的关键,可以通过创建个人网站、参与开源项目等方式提升技能。 本笔记中的`html.doc`文件可能包含了上述...

    HTML5手机触屏接红包代码.zip

    HTML5手机触屏接红包代码是一个利用HTML5技术,结合JavaScript实现的互动小游戏。这个小游戏的设计目的是模拟现实生活中抢红包的场景,用户通过在手机屏幕上点击下落的红包来“接住”它们,游戏结束后会显示出用户接...

    web前端学习笔记.docx编程资料

    ### Web前端学习笔记知识点概述 #### 一、Web基础知识 ##### 1.1 Web与Internet - **Internet**: 是一个全球性的计算机互联网络,提供多种服务如Telnet、Email、WWW、BBS、FTP等。它基于分组交换原理及TCP/IP协议...

    HTML5手机端抢红包福利袋游戏源码.zip

    对于想要学习HTML5游戏开发或者希望自定义此类功能的开发者来说,这是一个宝贵的资源。通过深入研究和理解源码,可以提升JavaScript编程技巧,了解如何在移动设备上构建高性能、互动性强的应用。

    毕业设计JSP在线学习系统设计(源代码+论文).zip

    《JSP在线学习系统设计——源代码与论文分析》 JSP(JavaServer Pages)是一种基于Java技术的服务器端脚本语言,常用于构建动态Web应用程序。本项目名为"毕业设计JSP在线学习系统设计(源代码+论文)",包含了JSP技术...

    VB代码转换到html格式(含源码)

    5. **VBDoc.bas, FolderBrowse.bas, Coloring.bas**:这些都是可能包含特定功能的模块文件,如文档生成、文件夹浏览或代码颜色高亮等。它们可能被调用来辅助VB代码的处理和展示。 6. **documentor.exe**:这可能是...

Global site tag (gtag.js) - Google Analytics