第2章 HTML详解-【好程序员成长】HTML5从入门到精通

第2章 HTML详解 HTML历史 什么是HTML语义化 HTML常用标签 HTML历史 什么是HTML语义化 HTML常用标签 目 录 CATALOUGUE 01 02 03 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 了解HTML语法的发展历史 掌握HTML常用标签的基本使用 了解HTML语义化 熟悉HTML常用标签 学 习 目 标 LEARNING OBJECTIVES 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.1 HTML历史 2.1.1 HTML历史版本 2.1.2 HTML与XHTML关系 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.1 HTML历史 2.1.1 HTML历史版本 像大多数软件、硬件一样，HTML发展至今，都经历了几个版本演进，新增了许多HTML标记，同时也淘汰了一些标记，接下来介绍HTML在不同时期所对应的一些重要版本，具体如下： 超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）。 HTML 2.0——1995年11月，IETF推荐标准。 HTML 3.2——1997年1月14日，W3C推荐标准。 HTML 4.0——1997年12月18日，W3C推荐标准。 HTML 4.01——1999年12月24日，W3C推荐标准。 HTML 5——2014年10月28日，W3C推荐标准。 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.1 HTML历史 2.1.2 HTML与XHTML关系 在HTML语法上很宽松，如标签和属性可以是大写、小写，或者任意大小写字母的组合，标签可以不闭合等。有些设备很难兼容这些松散的语法，如手机、打印机等，这并不符合标准的发展趋势，因此1999年12月W3C推出了HTML4.01版本后解散了HTML工作组。转而开发XHTML，2000年1月26日发布XHTML1.0。 XHTML是更严谨、纯净的HTML版本，XHTML比HTML语法更加规范和严谨，目的是为了实现HTML向XML过渡，让作者按照统一的风格来编写标签，HTML中标签和属性不区分大小写，而有效的XHTML文档则要求所有标签和属性必须一律小写，当然还有一些其他的规范和要求，这里不再赘述。XML虽然数据转换能力强，完全可以替代HTML，但是面对互联网上大量基于HTML编写的网站，直接采用XML还为时过早，因此在HTML4.0的基础上，用XML的语法规则对其进行扩展，得到了XHTML。 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.1 HTML历史 2.1.2 HTML与XHTML关系 HTML的不同版本对<!DOCTYPE>写法也有不同，具体如下： HTML4.01中<!DOCTYPE>写法： XHTML1.01中<!DOCTYPE>写法 HTML5中<!DOCTYPE>写法 因为 HTML 4.01和XHTML1.0 基于 SGML，所以 DOCTYPE需要对DTD进行引用。HTML5不基于SGML，因此不需要对DTD进行引用，因此HTML5的DOCTYPE写法相当简单。这里建议读者都采用最新的HTML5版本<!DOCTYPE>写法。 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.2 什么是HTML语义化 HTML语义化指的是根据网页中内容的结构，选择适合的HTML标签进行编写。HTML语义化的意义主要有以下几点： 在没有CSS的情况下，页面也能呈现出很好的内容结构、代码结构。 有利于SEO，让搜索引擎爬虫更好地理解网页，从而获取更多的有效信息，提升网页的权重。 方便其他设备（如屏幕阅读器、盲人阅读器、移动设备）解析，以语义的方式来渲染网页。 便于团队开发和维护，语义化的HTML可以让开发者更容易的看明白，从而提高团队的效率和协调能力。 HTML标签都具备语义化，根据网页展示的内容结构，选择正确的HTML标签进行解析与编码。 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.3 HTML常用标签 2.3.6 特殊符号 2.3.7 图像标签 2.3.8 链接标签 2.3.9 列表标签 2.3.10 <div>与<span> 2.3.1 标题标签 2.3.2 段落标签 2.3.3 文本格式化标签 2.3.4 引用标签 2.3.5 水平线标签 初心至善 匠心育人 锋云智慧官网 www.fengyunedu.cn 2.3 HTML常用标签 2.3.1 标题标签 HTML中使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等标签来定义标题部分