2019-08-09-前端学习笔记

3. HTML实体

在HTML中,某些字符是预留的。比如,在写代码时,由于标签前后都是尖括号 < > ,和小于号 < 大于号 > ,就会有冲突。直接使用大于小于号,浏览器会误认为它们是标签,导致出错。

1) 如果想要正确显示预留字符,就必须在HTML源代码种使用字符实体,character entities。

2) 字符实体统一的样式为前面是and符号&,后面是英文字符;;

3) 实体名称对大小写是敏感的;

4) 每个字符实体实际上有两种表达,实体名称和实体编号,coding时写哪个都对,但实体名更好记忆,因为大多数都是基于英文含义缩略而来。但是,浏览器对实体编号的支持优于实体名称;

5) 最常用实体符号有空格、小于(<)<、大于(>)>、和号(&)&等几个。完整的实体符号可以查阅离线HTML手册-HTML5参考手册-HTML ISO-8859-1 参考手册。

需要多学一点的是实体空格。

实体:空格

在HTML中,如果使用空格键产生空格,那么空格是不会累加的,只会算一个,要使用HTML实体表达才可以累加。空格占据宽度受字体影响明显。最常用空格为 ,需要几个空格就在代码中输入几个 。全称是no-break space。

此外,除了之外,还有 、&emsp、 、&zwnjsp;、‍等几种空格的表达方式。

4.xHTML语法规范

1) HTML中不区分大小写,但一般情况下都用小写;

2) HTML中的注释不可以嵌套;

3) HTML中标签必须结构完整,要么成对出现,要么是自结束标签。虽然浏览器会尽最大努力去正确解析页面,不符合语法规范的内容都会帮忙自动修正,但语法不对无法修正时,难以查到。

4) 自结束标签
写为
也可以;

5) HTML的标签可以嵌套,但不能交叉嵌套;

6)HTML标签中的属性必须有值,且值必须加引号,双引号单引号都可以。

5. 内联框架

内联框架iframe标签用的不多。不推荐使用的原因是,内联框架中的内容不会被搜索引擎所检索。但是开发内网产品时则可用。

内联框架可以引入一个外部的页面。使用

6. 超链接

1)超链接可以让我们从一个页面跳转到另一个页面;

2)使用来创建一个超链接,

3)重要属性有:href:指向一个目标地址;target:规定页面打开的位置。默认值为_self,在当前页面打开,_blank为在新窗口打开;

4)可以设置一个内联框架的name属性,链接将会在指定的内联框架中打开。

跳转到官网

7.个人小练习-写一个歌词的小页面

1)创建超链接时,如果目标页面不确定,可以用#来代替;

2)在HTML中有一个属性,每一个元素都可以设置,这个属性为id,可以作为标签的唯一标识;

3)同一个id属性值,一个页面只能有一个;

4)超链接中的href属性值可以设置为”#+id”,则会链接至该ID的位置;

5)给一个元素设置一个title属性,如图片,则鼠标悬浮时可以显示title的属性值。

你可能感兴趣的:(2019-08-09-前端学习笔记)