`
bsr1983
  • 浏览: 1117527 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5概述

 
阅读更多

第一章 概述

HTML5的内容类型

内容类型

    

内嵌

向文档中添加其他类型的内容,例如audiovideocanvasiframe

在文档和应用的body中使用的元素,例如formh1small

标题

段落标题,例如h1h2hgroup

交互

与用户交互的内容,例如音频和视频的控件、bottontextarea

元数据

通常出现在页面的head中,设置页面其他部分的表现和行为,例如scriptstyletitle等。

短语

文本和文本标记元素,例如markkdbsubsup

片段

用友定义页面片段的元素,例如articleasidetitle

 

HTML5中新的片段类元素

header

标记头部区域的内容(用于整个页面或页面中的一块区域)

footer

标记脚部区域的内容(用于整个页面或页面中的一块区域)

section

Web页面中的一块区域

article

独立的文章内容

aside

相关内容或者引文

nav

导航类辅助内容

querySelector方法

函数

描述

示例

结果

querySelector()

根据指定的选择规则,返回在页面中找到的第一个匹配的元素

querySelector("input.error");

返回第一个CSS类名为"error"的文本输入框

querySelectorAll()

根据指定规则返回页面中所有相匹配的元素

querySelectorAll("#results td");

返回id值为results的元素下所有的单元格

 

提示

selectors API不仅仅只是方便,在遍历DOM的时候,selectors API通常会比以前的子节点搜索API更快。为了实现快速样式表,浏览器对选择器匹配进行了高度优化。

 

分享到:
评论

相关推荐

    HTML5概述PPT

    HTML的历史可以追溯到很久以前...20世纪90年代的人见证了HTML的大幅发展,从2.0版,到3.2版和4.0版,再到1999年的4.01版,一直到现在正逐步普及的HTML5。随着HTML的发展,W3C(万维网联盟)掌握了对HTML规范的控制权。

    HTML5概述.pdf

    "HTML5概述" HTML5 是下一代的 HTML,继承了 HTML4.01 和 XHTML1.0 的优点,并且增加了多媒体支持、交互性、更加智能的表单,以及更好的语义化标记。 HTML5 不仅仅是 HTML 规范的最新版本,还包括了一系列用来制作...

    01.[HTML5第一季] 第1章 HTML5概述

    这一章"HTML5概述"将全面介绍HTML5的基础知识,包括它的历史背景、新特性、语法改进以及在实际应用中的优势。 1. **历史背景**:HTML5的诞生源于对早期HTML版本的升级需求,特别是HTML4.01和XHTML1.0无法满足现代...

    HTML5做的html5概述ppt

    用html5语言做的ppt来介绍html5 这样效果会更好吧 你可以边演示边给大家看里边的代码 另外附送两个很炫的javascript效果演示(黑客帝国和星球大战),这样还可以很好的给让受众明白html和javascript结合的强大之处。...

    网页设计与制作-HTML5概述.pptx

    HTML5是网页设计与制作的重要里程碑,它是超文本标记语言(Hypertext Markup Language)的第五代版本。自1995年HTML2.0诞生以来,HTML经历了一系列的升级,从HTML3.2到HTML4.01,再到HTML5,每一步都在推动着互联网...

    HTML5(软件品牌)-1期 01 教学课件_单元1_HTML5概述.pdf

    HTML5是超文本标记语言(HyperText Markup Language)的最新版本,它是在1999年HTML 4.01和XHTML 1.0标准之后的一个重大升级。这一版本的发展历程充满了里程碑,由万维网联盟(W3C)主导,旨在提升网页的结构、表现...

    HTML5课程设计PPT,上机实验报告、HTML5源码

    1. **HTML5概述**:解释HTML5的起源、目标和主要改进,包括向后兼容性和离线存储功能。 2. **新元素**:介绍如、、、、等结构元素,以及和等语义元素,它们有助于提升网页的可读性和可访问性。 3. **表单控制**:...

    HTML5+CSS3+JavaScript网页设计8.zip

    第1章 HTML5概述 1.l HTML5的基本概念 1.1.1 HTML 5简介 1.1.2 THML 5文件的基本结构 1.2 HTML5文件的编写方法 1.2.1 使用记事本手工编写HTML文件 1.2.2 使用Dreamweaver CS5.5编写HTML文件 1.3 使用浏览器...

    html5 html5 教程 html5 html5

    ### HTML5概述与新特性详解 #### 一、HTML5定义及发展背景 **HTML5**,即HyperText Markup Language Version 5,是万维网的核心语言HTML的第五次重大修改。HTML5将成为HTML、XHTML以及HTML DOM的新标准。自1999年...

    完整版《HTML5高级程序设计》5

    第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发HTML5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 4 1.4.4 通用访问 5 1.5 无插件范式 5 ...

    Html5程序设计基础教程(练习题参考答案)

    1. HTML5概述: - HTML5是超文本标记语言的第五个版本,增加了许多新的元素和API,旨在提高语义性、可访问性和互操作性。 - 新增的语义化元素如, , , , , , 等,帮助更好地组织网页内容结构。 - 用于高亮文本,...

    HTML5高级程序设计

    第1章 html5概述 1 1.1 html5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发html5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 4 1.4.4 通用访问 5 1.5 无...

    完整版《HTML5高级程序设计》2

    第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发HTML5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 4 1.4.4 通用访问 5 1.5 无插件范式 5 ...

    HTML5 Pocket Reference

    总之,HTML5 Pocket Reference这本书为开发人员提供了一本便捷的参考手册,它不仅详细讲解了HTML5的语法实例,还通过不同的部分(如HTML5概述、全局属性、按功能组织的元素列表、字符实体、XHTML语法概述等)来帮助...

    李炎恢老师HTML5CSS3教程与课件代码

    教程名称: 李炎恢老师HTML5 CSS3教程与课件代码课程目录: 01.[HTML5第一季] 第1章 HTML5概述.zip 02.[HTML5第一季] 第2章 基本格式.zip 03.[HTML5第一季] 第3章 文本元素.zip 04.[HTML5第一季] 第4章 超链接...

    HTML5和朋友

    #### 一、HTML5概述 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它是由万维网联盟(W3C)和WHATWG(Web Hypertext Application Technology Working Group)共同开发的一个标准。与之前的...

    HTML5程序设计(第2版).[荷]Peter Lubbers(带详细书签).pdf

    第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发HTML5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 5 1.4.4 通用访问 5 1.5 无...

    HTML5 移动开发即学即用 PDF版本下载.txt

    ### HTML5概述 HTML5作为第五代超文本标记语言的标准,相较于前代有了显著改进和增强,特别是在多媒体支持、离线存储、绘图能力等方面。本书首先介绍了HTML5的基本概念和发展历程,并强调了其在移动互联网时代的...

    完整版《HTML5高级程序设计》4

    第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发HTML5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 4 1.4.4 通用访问 5 1.5 无插件范式 5 ...

    HTML5资料集合

    《HTML5概述.ppt》可能是一个PowerPoint演示文稿,它通常会从宏观角度介绍HTML5的基本概念、发展历程、主要特性以及与早期版本HTML的区别。在这个文档中,你可以了解到HTML5是如何简化标记语言,增强语义性,并引入...

Global site tag (gtag.js) - Google Analytics