前端三件套系例之HTML——HTML5基础

1、HTML

1-1 什么是HTML

  • HTML是用来制作网页的标记语言
  • HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
  • HTML语言是一种标记语言,不需要编译,直接由浏览器执行
  • HTML文件是一个文本文件,包含了一些HTML元素,标签等
  • HTML文件必须使用.html或.htm为文件名后缀
  • HTML是大小写不敏感的,HTML与html是一样的
  • HTML是由W3C的维护的
  • HTML 是通向 WEB 技术世界的钥匙。
  • HTML是一种标记语言（markup language），它不是一种编程语言

1-2 发展历史

  • HTML是从2.0版本开始的，实际上没有1.0的官方规范,在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
  • 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推荐标准

1-3 HTML5的由来

  • HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。
  • HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
  • 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”
  • 2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。
  • 2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

1-4 HTML5的兼容性

  • Internet Explorer 9 以及 以上版本
  • chrome、Safari、opera、Firefox和各种以wekkit为内核的国产浏览器

2、HTML基本语法

2-1 HTML标签

  • 标签是HTML中最基本单位,也是最重要组成部分
  • 通常要用两个角括号括起来:<和>
  • 标签都是闭合的（两种形式：成对与不成对）
  • 双标签（成对）: <标签名>内容</标签名> 如：<table></table> 即分起始和结束
  • 单标签（不成对）: <标签名 />; 如： <br/>、<hr/>
  • 标签是大小写无关的,<body>;跟<BODY>表示意思是一样的，标准推荐使用小写，这样符合XHTML标准。
  • 对于HTML标签来讲，最重要的是语义
# 重点：
	-单标签（自闭和标签）双标签
  -块级标签和行内标签

2-2 HTML标签属性

  • HTML属性一般都出现在HTML的开始标签中, 是HTML标签的一部分。
  • 标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
  • 标签可以拥有多个属性。
  • 属性由属性名和值成对出现。
  • 语法格式如下：
<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值">
  <!– 输出内容…  -->
</标签名>

2-3 HTML代码格式

任何回车或空格在源代码中都是不起作用，所以在编写HTML代码时，都可以使用回车或者空格进行代码排版，这样可以使代码清晰，也便于团队合作。必须保持严格的缩进规则，以Tab键为准。

2.4 HTML 注释

<!-- 注释内容 -->
<!--
    这里全是注释
    都是注释
-->

2.5 HTML 实体 (特殊字符)

描述实体名称实体编号
空格&#160;
<小于号<&#60;

|大于号>|&#62;
|&|和号&|&#38;
“|引号“|&#34;
‘|撇号‘ (IE不支持)|&#39;
|￠|分（cent）¢|&#162;
£|镑（pound）£|&#163;
¥|元（yen）¥|&#165;
€|欧元（euro）€|&#8364;
§|小节§|&#167;
©|版权（copyright）©|&#169;
®|注册商标®|&#174;
™|商标™|&#8482;
×|乘号×|&#215;
÷|除号÷|&#247;

posted @ 2022-03-08 20:10  喝茶看狗叫  阅读(13)  评论(0)  编辑  收藏  举报  来源