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

本节书摘来自异步社区《HTML5和CSS3快速参考》一书中的第2章,第2.3节,作者: 【美】Sergey Mavrody 更多章节内容可以访问云栖社区“异步社区”公众号查看。

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类型


266e37de189b25da78962f7c4742518cea7dd07a


<a href=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页面的语义结构。


<a href=https://yqfile.alicdn.com/49af40b67b76d92dd2a600be6ea4defb53c62339.png" >


<a href=https://yqfile.alicdn.com/60c2af7a5b6c99f2a12b066aaa798fe30d470a51.png" >


<a href=https://yqfile.alicdn.com/dc6b964f165a4fbe10fcaca3fb1c18ddb72f3dcd.png" >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值