HTML的基本知识(三)

简介: HTML的基本知识(三)

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>

命名的规范:

包含英文字母、数字、不能以数字开头


相关文章
HTML的基本知识(五)——无序列表、有序列表、自定义列表
HTML的基本知识(五)——无序列表、有序列表、自定义列表
HTML的基本知识(一)——标题标签
HTML的基本知识(一)——标题标签
HTML的基本知识(七)——表单的基本知识及案例
HTML的基本知识(七)——表单的基本知识及案例
HTML的基本知识(六)——表格的基本属性之实现个人简历(2)
HTML的基本知识(六)——表格的基本属性之实现个人简历
|
前端开发
HTML的基本知识(六)——表格的基本属性之实现个人简历(1)
HTML的基本知识(六)——表格的基本属性之实现个人简历
HTML的基本知识(四)——文本格式化标签
HTML的基本知识(四)——文本格式化标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
前端开发 UED
HTML之表单的基本知识
HTML之表单的基本知识
|
前端开发
HTML之表格的基本知识
HTML之表格的基本知识
|
存储 移动开发 前端开发
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
下一篇
DataWorks