《HTML5和CSS3快速参考》——2.3 文档的类型与结构

2.3 文档的类型与结构

MIME类型
“MIME”是Multipurpose Internet Mail Extensions1的缩写形式,有时也被称为互联网媒体类型(Internet Media Type)或内容类型(Context Type)。它的作用与文件扩展名有些类似,主要用于识别信息类型。它至少由两部分组成:一个type和一个subtype,有时还会附带一些可选参数2。

<!DOCTYPE html>
 <head>
 <title>HTML5</title>
 <link media=screen type=text/css
 href=styles.css rel=stylesheet>
</head>
 <body></body>
</html>

常用MIME类型

https://yqfile.alicdn.com/85436c68b422df259269186331cee6179aa0d83b.png" >

可访问IANA(Internet Assigned Numbers Authority)的网站了解主要的媒体类型。

文档对象模型(DOM)
HTML文档模型在Web浏览器中会以对象树的形式被创建出来,其中涵盖了文档中所有的元素、属性及文本。这种模型被称为文档对象模型(DOM)。DOM对象可以通过JavaScript来操纵,DOM树上的每个对象实体都可被视为一个节点。

<div onclick=”document.
getElementById(‘description’).
style.display = ‘none’;”>
Hide Description</div>
<div id=description>Overview</div>

在这个例子中,单击按钮会触发JavaScript调用,它会查询内容为Overview的对象ID,并将该DIV隐藏。

语义元素
(X)HTML5中提供了一系列新的层级区块(block-level)以及相关的级联元素(inline-level),并由这些新的区块层级和元素来组成Web页面的语义结构。

https://yqfile.alicdn.com/49af40b67b76d92dd2a600be6ea4defb53c62339.png" >

https://yqfile.alicdn.com/60c2af7a5b6c99f2a12b066aaa798fe30d470a51.png" >

https://yqfile.alicdn.com/dc6b964f165a4fbe10fcaca3fb1c18ddb72f3dcd.png" >

时间: 2024-07-28 17:31:49

《HTML5和CSS3快速参考》——2.3 文档的类型与结构的相关文章

《HTML5和CSS3快速参考》——导读

内容提要 对于Web开发者来说,HTML5和CSS3无疑是最重要.最基本的两种语言.HTML5被认为是Web的未来,而CSS3进一步保证了在模块发布方面的灵活性. 本书是为专业Web设计人员及开发人员量身打造的一本快速参考.全书浓缩了近3000多页的(X)HTML5和CSS3的标准规范,涵盖了那些最基本的通用概念和规范,包括标签.属性.属性值.对象及其属性与方法.事件,以及一系列API.本书力图以简明易读.结构清晰的方式,为读者提供全面的.一站式的参考信息. 对HTML5和CSS3技术感兴趣的读

《HTML5和CSS3快速参考》——2.2 XHTML5

2.2 XHTML5 支持多种语言的HTML文档在多语言环境下,HTML文档既是一份有效的HTML文档,也是一份有效的XHTML文档. 在多语言环境下,HTML文档同时遵守HTML和XHTML的语法规则,即它所采用的语法是HTML和XHTML语法的交集. 一份多语言文档能同时提供HTML和XHTML两种服务,具体取决于浏览器的支持及其MIME类型. 至于是否要在HTML中选择多语言环境,则取决于具体的项目需求.浏览器的支持以及其他可能的影响. <!--HTML4, HTML5 syntax-->

《HTML5和CSS3快速参考》——第2章 HTML语法2.1HTML文档

第2章 HTML语法 2.1HTML文档 基本概念 通常情况下,HTML文档指的是一份独立的HTML文件. HTML文档是一份由一定的元素和文本组成的代码文件. HTML文件的基本构件是元素(element).它们以HTML标签的形式呈现. 这些元素构成了一个层次分明的嵌套结构. 元素与标签 通常情况下,元素是由一个开标签(opening tag,如本例中的 )和一个闭标签(closing tag,如)组成的,但有时候闭标签不是必须的. 元素与标签之间的不同在于,元素是HTML标签所要表述的概念

《HTML5和CSS3快速参考》——第1章 走进HTML51.1 概述

第1章 走进HTML5 1.1 概述 本书简介 在Web世界中,HTML和CSS无疑是最重要.最基本的两种语言了,它们一同支撑起了当下绝大部分的Web站点和Web应用程序.而最新的HTML5被认为是Web的未来,它为我们提供了一系列简单的富互联网应用服务(Rich Internet Application)1插件功能,以及更容易的开发方式和更好的用户体验. 今天,我们总能在网络上找到各种关于HTML5的参考资料.教程及相关技巧,其中也不乏一些重点讨论HTML5某些具体特性的书籍.但我们总会觉得缺

《HTML5和CSS3快速参考》——1.3HTML5的品牌化

1.3HTML5的品牌化 2011年1月18日,W3C推出了HTML5视觉品牌,即它的logo以及涉及现代化网站和Web应用程序方方面面的各项技术类图标.这些logo.图标和网站都在知识共享署名协议3.0下获得了授权. 如果有相关网站或应用程序在构建过程中使用了HTML5技术,W3C鼓励视觉品牌来明示产品对这项技术的支持. Logo 当然,有了HTML5的logo并不能保证相关代码的有效性和延续性. 技术类图标 语义元素 语义元素,即相关结构元素所代表的含义,是HTML5技术的前沿与核心.它包括

《HTML5和CSS3快速参考》——2.4 语法摘要

2.4 语法摘要 一般语法规则 (X)HTML5中的空标签语法 空标签没有闭标签(也叫结束标签),例如< input > 图像说明文字. 在HTML5中,空元素中的终止斜线不是必须的,例如< input >. 在XHTML5中,空元素中的终止斜线是必须的,例如< input />. 具有可选标签的HTML5元素 可选标签并不适用于XHTML5元素. 当可选标签满足(下表)"省略条件"列中列出的条件时: 通常情况下,只要其中有一个条件被满足,该标签就可

《HTML5和CSS3快速参考》——1.2使用HTML5的理由

1.2使用HTML5的理由 HTML5的优势 向后兼容能力:HTML5内封装了之前所有版本的文档类型. 更简单的语法:语义更为完善,编码更为高效,文档也更为小型化. 新元素及其属性使得我们的设计与开发工作变得更为灵活. 拥有视频与音频插件,支持媒体定时播放功能. 拥有更智能化的Web Forms 2.0功能(HTML5将取代Web Forms 2.0). 能在单行中内嵌SVG和MathML等支持text/htmlMIME类型的数据. 拥有20多个新型脚本API(Application Progr

在Word2016中快速编辑PDF格式文档

  在Word2016中快速编辑PDF格式文档           首先在资源管理器中找到想要编辑的PDF文件,右击它,从右键菜单中选择"打开方式→Word 2016". Word将自动启动,并弹出一个提示框,大意是转换后的文档与原PDF文档的格式会有些不同. 点击"确定",Word开始打开操作,如果PDF文档很大,这个过程会有些漫长.当PDF文档转换完成后,可能还会在上面出现安全提示,询问你是否确定要编辑. 如果需要编辑,可以点击"启用编辑"按

如何快速提取 Word 2007 文档中的所有图片

在Word文档中插些图片确实很炫.图文并茂省掉不少啰嗦.但是,怎么才能把文档中的图片一次全部提取出来呢? 如何快速提取 Word 2007 文档中的所有图片? 全新的 Word 2007 的界面是不是让你很兴奋啊?下面这个小贴示可能对你有帮助: 在Word文档中插些图片确实很炫.图文并茂省掉不少啰嗦.但是,怎么才能把文档中的图片一次全部提取出来呢? Word 2007 文档(.docx)实质上是个压缩文档,把后缀名改成 .zip 可以直接打开.这招不能用在老版本的 Word 文档(.doc 文档