HTML 中标签的介绍--案例讲解
这样子写也能够出现效果,但是注意这里面有很多问题~~
<DOCTYPE html> <head> <meta charset="zn_CN"> <title>html回顾</title> <body> <font align="center" size="15" color="green",face="草书"> 你 好 <h1>知识</h1> <a url="www.login.com"><!--默认是在本页跳转--> <body> </head> </html>
1. 为什么不写 lang 也可以呢?
charset 属性是 HTML5 中的新属性,所有主流浏览器都支持 charset 属性。charset 属性规定 HTML 文档的字符编码,charset 属性可以通过任意元素上的 lang 属性来重写,所以我们不写 lang 就不会对 charset 进行重写,网页就会按照 charset 设置的属性值显示。
2.明明 <!DOCTYPE> 标签是错误的为何还能显示网页
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前,<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。所以,总是给您的 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型,但是要是不加也是可以的。<!DOCTYPE> 标签没有结束标签,声明不区分大小写,但建议大写。<!DOCTYPE html> 是 HTML5 中唯一的 doctype,也被视作将网页 "升级" 到 HTML5 的第一步。
3.<font> 标签
规定文本的尺寸、字体和颜色,但不支持任何的事件属性。所有主流浏览器都支持 <font> 标签,但是HTML5 不支持 <font> 标签,因为在 HTML 4.01 中,<font> 元素 已废弃。所以请使用 CSS 来定义文本的尺寸、字体和颜色。
4. 类似于font元素这种只具有表现性的标记代码被废弃的原因(转)https://www.runoob.com/tags/tag-font.html:
在Web早期,HTML文档编辑人员缺乏改变页面排版样式的途径,无法使用与当时Web浏览器中内置字形、字号和颜色不同的设置,随后HTML中引入了font元素,文档编辑人员可以通过表现性标签改变字体相关属性。这使得文档编辑人员在文本的表现性控制方面获得了更多的主动权。但是,随之而来的问题比较突出,就是在文档中插入了大量的、类似于font元素的这种表现性标记代码,使HTML文档变得臃肿不堪,倘若网站需要重新设计,势必需要找出每个类似于font元素的这种表现性标记代码并加以修改,并且一个文本片段往往对应大量的表现性标记代码。
CSS的出现给了HTML文档编辑人员不需要额外的标记代码就能控制排版样式的途径,使得修改整个网站的设计都可以通过一个单独的文件来完成。因此,类似于font元素这种只具有表现性的标记代码被正式废弃。
5.网页中无超链接出现的原因?
标签属性书写错误,<a href="url">提示信息</a>。所有主流浏览器都支持 <a> 标签。<a> 标签定义超链接,用于从一个页面链接到另一个页面。<a> 元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性,通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target,请使用 CSS 来改变链接的样式。
<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符
<a> 标签支持 HTML 的全局属性和事件属性
6. HTML 的事件属性
事件属性有全局事件属性、窗口事件属性(Window Event Attributes)、表单事件(Form Events)、键盘事件(Keyboard Events)、鼠标事件(Mouse Events)、多媒体事件(Media Events)、其他事件
6.1 HTML 的全局属性
HTML5 新属性,可以实现访问元素的键盘快捷键、规定是否可编辑元素的内容、指定是否将数据复制,移动,或链接,或删除 等操作
HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。HTML5新增属性事件
6.2 窗口事件属性
由窗口触发该事件 (适用于 <body> 标签)
6.3 表单事件
表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
6.4 鼠标事件
通过鼠标触发事件, 类似用户的行为
6.5 多媒体事件
通过视频(videos),图像(images)或者音频(audio) 触发该事件,多应用于 HTML 媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>:
注意:标签的属性值请使用双引号引起来