第08章 HTML&CSS扩展-【好程序员成长】HTML5从入门到精通
2023-02-16
|
45页
|
94人阅读
|
1人下载
教辅
资源信息
| 学段 | 中职 |
|---|---|
| 学科 | 职教专业课 |
| 课程 | 程序设计基础 |
| 教材版本 | - |
| 年级 | 高二 |
| 章节 | - |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2023-2024 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 1.86 MB |
| 发布时间 | 2023-02-16 |
| 更新时间 | 2023-07-10 |
| 作者 | 北京千锋互联科技有限公司 |
| 品牌系列 | - |
| 审核时间 | 2023-02-16 |
| 下载链接 | https://m.zxxk.com/soft/37543675.html |
| 价格 | 4.00储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
标签规范
HTML扩展
CSS扩展
本章小结
第8章 HTML&CSS扩展
标签规范
HTML扩展
CSS扩展
目 录
CATALOUGUE
01
02
03
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
掌握CSS扩展样式
了解HTML标签规范
理解HTML扩展标签
熟悉HTML标签与CSS样式
学 习 目 标
LEARNING OBJECTIVES
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签与规范
8.1.1
嵌套问题
8.1.2
格式问题
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
上述代码中<ul>标签嵌套了<div>标签，<ol>嵌套了<p>标签的操作不符合固定嵌套规则，这是一种错误的嵌套方式。
HTML标签规范中对结构嵌套的方式有着严格的要求，其要求分为固定嵌套规则和限制嵌套规则两类。下面将详细介绍这两种嵌套规则。
有些标签是固定的嵌套规则，具体如下所述。
（1）<ul>、<ol>标签只能嵌套<li>标签，不可嵌套其他标签。
8.1 标签规范
8.1.1 嵌套问题
1. 固定嵌套规则
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
（2）<dl>标签只能嵌套<dt>、<dd>标签，不允许嵌套其他标签。
8.1 标签规范
8.1.1 嵌套问题
上述代码中<dl>标签嵌套了<h2>和<div>标签，这是错误的嵌套方式。
（3）<table>标签只能嵌套<tr>、<caption>、<thead>、<tbody>、
<tfoot>标签，不可嵌套其他标签。
上述代码中<table>标签中嵌套了<div>和<p>标签，这是错误的嵌套方式。
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.1 嵌套问题
有些标签进行互相嵌套时，是有限制规则的，具体如下。
（1）<p>、<dt>、<h1>…<h6>标签不允许嵌套任何块标签。
代码中<p>标签、<dt>标签和<h1>标签都嵌套了<div>标签，这些都是错误的嵌套方式。
2. 限制嵌套规则
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.1 嵌套问题
（2）<a>标签不允许嵌套<a>标签。
代码中<a>标签嵌套了<a>标签，这种嵌套方式是不正确的。
（3）块标签可以嵌套内联标签，但是内联标签不能嵌套块标签。
代码中<span>和<strong>都是有内联特点的标签，嵌套了<div>和<ul>有块标签特点的标签。内联标签不能嵌套块标签，因此这种嵌套方式是错误的。
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.1 嵌套问题
下面来看一个实际的应用场景，给一段文字或图片加链接的操作很简单，那么如何给一个区域加链接呢？假设想要给box1加一个<a>链接。
例题不能成功地给一个区域链接，因为<a>标签属于内联标签，嵌套了<div>块标签，这样做法是不正确的，那么该如何实现呢？
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.1 嵌套问题
首先需要一个正确的嵌套结构，让后通过将display值设置为block，来把<a>标签转化成块标签，让其支持宽高属性，即可以实现给一个区域加链接的效果。
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.2 格式问题
在HTML标签规范中，对标签格式也有着很重要的要求。
下面总结了五条重要的格式问题。
（1）必须添加文档头信息，即<!doctype html>，它是在告知浏览器浏览网页时，
所使用的HTML规范。如果没有头信息，可能会产生一些错误。
（2）规范要求所有HTML标签和属性都必须小写（大写不会产生错误）。
（3）规范要求所有属性都必须使用双引号，虽然单引号也不会报错。
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.1 标签规范
8.1.2 格式问题
（4）规范要求所有单标签无需使用斜杠结束。
第一段内容是正确的写法，第二段内容是老式的写法（W3C标准不推荐）。
（5）规范要求所有双标签必须进行闭合处理。
第一段内容是正确的双标签写法，第二段内容是错误的，因为双标签没有闭合。
初心至善 匠心育人
锋云智慧官网 www.fengyunedu.cn
8.2 HTML扩展
8.2.1
<link>标签
8.2.2
<meta>标签
8.2.3
<area>标签
8.2.4
<pre>标签
8
资源预览图
1
2
3
4
5
6
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。