HTML的基本知识(三)
希望你所拼命争取的,最后都能如你所愿
一、HTML的注释
1、注释是给程序员看的,为代码添加适当的注释是一种良好的习惯,注释只在编辑文本情况下可见,浏览器展示页面是不会显示的,注释标签不支持任何属性
注释一行(快捷键):Ctrl+/ 注释多行(快捷键):ctrl+shift+/
2、语法:
“” 之间的任何内容都不会显示在浏览器中
注释不可以嵌套在其他注释中
注释不可以嵌套在<>
中
二、HTML的基本结构
1、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
(1)<!DOCTYPE> 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。
(2)严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
(3)在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
(4)DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 DOCTYPE 非常详尽的学习文档:https://hsivonen.fi/doctype
2、 删除<!DOCTYPE>
会发生什么?
在W3C标准出来之前,不同的浏览器对页面渲染有不同的标准,产生了一定的差异。这种渲染方式叫做混杂模式。
在W3C标准出来之后,浏览器对页面的渲染有了统- -的标准,这种渲染方式叫做标准模式。
<!DOCTYPE>
不存在或者形式不正确会导致HTML或XHTML文档以混杂模式呈现,就是把如何渲染html页面的权利交给了浏览器,有多少种浏览器就有多少种展示方式。
因此要提高浏览器兼容性就必须重视
3、浏览器混杂模式(没有文档类型声明,浏览器按照自己的标准去解析代码)浏览器标准模式(有文档类型声明)
三、超链接
1、什么是超链接?
当您把鼠标指针移动到网页中的某个链接上时,箭头会变成一支小手
在标签<a>
中使用了href
属性来描述链接的地址,默认情况下,链接将以下的形式出现在浏览器中:
(1)一个未访问过的链接显示为蓝色字体并带有下划线
(2)访问过的链接显示为紫色并带有下划线
(3)点击超链接时,链接显示为红色并带有下划线
注意:如果这些超链接设置了CSS的属性,展示样式为根据CSS的设定而显示 链接文本
2、 属性:
href 必须属性 路径
路径:
(1)相对路径
平级 直接写
下一级 /
上一级 …/
(2)绝对路径
target 设置打开窗口
取值:
_self 默认值,原窗口打开
_blank 在新窗口打开
<a href="http://www.baidu.com" target="_blank">百度</a> <a href="#">百度</a>
3、空链接
<a href="#" > 他会返回页面的顶部</a>
4、锚点:
可以在同一个页面做跳转
(1)点击a 跳转到a
<a href="#mingzi">点击</a> <a href="" name="mingzi">跳转到</a>
命名的规范:
包含英文字母、数字、不能以数字开头