HTML相关知识点整理

最新推荐文章于 2022-03-17 18:11:55 发布

步踟蹰于码海

最新推荐文章于 2022-03-17 18:11:55 发布

阅读量397

点赞数 10

分类专栏：前端面试题文章标签： html css css3

本文链接：https://blog.csdn.net/prototype__god/article/details/121072099

版权

前端面试题专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.何为DOCTYPE 声明?

用来告知 Web 浏览器页面使用了哪种 HTML 版本。

它不是一个 HTML 标签，因为<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。

<!DOCTYPE> 标签没有结束标签。

<!DOCTYPE> 声明不区分大小写。

2.HTML5的上一个HTML版本是?

HTML 4.01,值得一提的是HTML4的版本是基于SGML,而HTML5已经不是了。

3.src和href的区别

共同点是都引用外部资源,

区别:
src请求资源时浏览器会暂停其他资源的加载和处理,并且等到src请求的资源内嵌到页面之后再继续。常用元素标签有img,style,script,input和iframe 。

href则指向网络资源所在位置,建立和当前文档链接的联系,不会内嵌到页面中
常用元素标签有link和a。

4.css文件link引入和@import引入的区别

link:

1.link标签位于head标签中,且不仅能引入外部样式表,而且能定义一些属性,比如定义当前文档与被链接文档之间的关系的属性rel。属于结构层。

2.它与页面是同时加载的。

3.由于link是个标签,所以我们能通过DOM操作这个标签,引入样式。

@import:

1.@import是css提供的语法规则，它的作用只有引入外部样式。属于样式层。

2.它在页面加载完成以后才会加载。

3.由于它不是一个标签，所以无法被进行DOM操作。

5.SGML,HTML,XML,XHTML有何不同?

SGML:

SGML(标准通用标记语言)。
SGML是一种在Web发明之前就早已存在的用标记来描述文档资料的通用语言。但SGML十分庞大且难于学习和使用。鉴于此，人们提出了HTML语言和XML语言

XML：

XML(可扩展标记语言)
可看作SGML的子集,有着较HTML更为严格的语法要求。
被设计用来传输和存储数据，其焦点是数据的内容。
XML 允许创作者定义自己的标签和自己的文档结构。

HTML:

HTML(超文本标记语言)
可看作SGML的应用。
有着预定义标签，但是不能自己创造标签。
更侧重于在页面上直观的展现数据。

XHTML:

XHTML(可扩展超文本标记语言)
由于HTML的语法规定过于松散,很多页面展现的html往往不尽人意。
于是人们结合两者的优点创造了XHTML语言

6.HTML的三种列表分别是什么?

列表在html中分成三种
1.有序列表此列项目使用数字进行标记
2.无序列表此列项目使用粗体圆点进行标记。
3.定义列表
ul标签创建无序列表使用li表示列表项
ol标签创建有序列表使用li表示列表项
dl标签创建定义列表使用dt表示定义的内容使用dd来写详细内容
列表里面可以互相嵌套

7.谈谈meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看的,但是有助于SEO。

属性名	作用
charset	指定网页的字符集
name	指定的数据的名称帮助浏览器寻找关键字，可以指定多个关键字
content	可以是任何有效的字符串。始终要和 name 属性或 http-equiv 属性一起使用
title	标签的内容会作为搜索结果的超链接上显示的字样

    <meta name = 'description' content = '搜索引擎界面看到的网站描述'>
    
    <meta http-equiv = 'refresh' content= '3;url= https://www.mozilla.org'>
    这个的意思是
    3秒后将页面重定向到另一个网站