002、HTML基本概念

1、HTML规范版本

W3C:world wide web consortium,万维网联盟。专门发布和维护互联网的规范和标准。

版本发布时间备注
HTML1.01993.06互联网工程小组(IETF)发布的工作草案
HTML2.01995.012000年6月发布之后被宣布已经过时
HTML3.21997.01.14W3C推荐标准
HTML4.01997.12.18W3C推荐标准,引入了样式表css,实现了结构和样式分离
HTML4.011999.12.24W3C推荐标准,修复了HTML4.0中的漏洞
XHTML1.02000.01.20在HTML4.01基础上进行的升级扩展和严格化
HTML52008.1.22HTML5在2012年已形成了稳定的版本

2、HTML标签

HTML 标记通常被称为 HTML 标签 (HTML tag)。标签在书写和使用过程中,必须遵循特定的语法。需要注意以下3点:

1.标签名必须书写在一对尖括号<>内部。

<html></html>

2.标签分为单标签和双标签,双标签必须成对出现。

<p></p> 双标签
<br/>   单标签

3.双标签包含开始标签和结束标签,结束标签必须书写关闭符号/,单标签也需要进行自封闭书写。在HTML5中,自关闭的斜线(/)对 :area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr空标签无效,如果要写上也是可以的。

错误写法:
<div><div>
<br>

正确写法:
<div></div>
<br/>

3、HTML元素

HTML元素指的是从开始标签到结束标签的所有内容,包含开始标签、元素内容、结束标签。

例如:双标签内部包含的纯文本内容,就是元素内容。

<p>这是一段文字内容</p>

元素内容:

1)元素内容可以是纯文本,也可以是其他的HTML元素。这种元素内容包含其他HTML元素 的情况,我们可以称为嵌套,也就是div标签元素内部嵌套了p标签元素。

<div><p>div元素内部嵌套p元素</p></div>

2)一个HTML元素div的内容可能是多个其他元素组成,例如p和h1,此时我们习惯称 div是p和h1的父级元素,p和h1是div的子级元素,而p和h1属于同级元素,这种嵌 套关系可以有多层。

<div>
    <p>div元素内部嵌套p元素</p>
    <h1>div元素内部嵌套的h1元素</h1>
</div>

3)单标签是不能添加元素内容的,可以称为空元素。

标签级别:根据标签内部可以存放的元素内容不同,可以将双标签划分为个级别。

  1. 容器级:标签内部可以存放任意内容,包含容器级标签。比如h1,div等。
  2. 文本级:标签内部只能存放文字或类似文字的内容,比如存放图片、表单元素等。比如 p等。

HTML元素的特性:

1)元素间对空格、换行、缩进等形成的空白不敏感,有无空白对在浏览器中加载的效果没有影响。浏览器识别的是元素的开始和结束以及互相之间的嵌套关系。

<p>段落内容</p><p>段落内容</p><p>段落内容</p><p>段落内容</p><p>段落内容</p>

等价于:

<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>

2)空白折叠现象:元素内容如果是文本,所有文字(类似文字内容)之间如果有空格、换行、缩进等空白字符,在浏览器中加载时,连接在一起的空白会折叠成一个空格显示,这就是空白折叠现象。

4、HTML属性

HTML标签可以添加属性,属性可以提供 关于HTML元素的更多信息。

HTML属性规范:

1.书写位置:必须写在开始标签或者单标签之内,与标签名之间用空格进行分隔。

2.属性包含:属性名(key)、属性值(value)。属性名与属性值之间的写法通常称做键值对写法,HTML标签属性的键值对写法是k="v"。XHTML要求属性值必须在双引号内部。

<p k="v"></p>

3、一个标签内可以设置多个不同的属性,属性与属性之间使用空格进行分隔,每个属性的键值对写法都是k="v"。

<p k="v" k="v" k="v"></p>

4、部分标签属性k可以设置多个属性值v,所有属性值v都必须写在同一对双引号内,值与值之间需要使用空格分隔。

<p k="v1 v2 v3 v4"></p>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值