HTML基础

1. HTML 文件中的 DOCTYPE 是什么作用？

HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准

DOCTYPE 即 Document Type，网页文件的文档类型标准。

主要作用是告诉浏览器的解析器要使用哪种 HTML规范或 XHTML规范来解析页面。

DOCTYPE 需要放置在 HTML 文件的标签之前，如：

<!DOCTYPE html>
<html>
...
</html> (目前主流)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
...
</html> (早期)

2. HTML、XML、XHTML之间有什么区别？

它们都属于标记语言。

XML的要求会比较严格:

有且只能有一个根元素

<!DOCTYPE html>
<html>...</html> (目前主流)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html>...</html> (早期)

大小写敏感
正确嵌套
必须双引号
必须闭合标签

…

<?xml version="1.0" encoding="utf-8"?>
<root>
<father id='box'>
<child>小张</child>
<child>小王</child>
</father>
</root>

XHTML 和 HTML5 的历史延展: https://www.cnblogs.com/my-freedom/p/5796915.html

番外:所以 HTML5 是HTML的新一代标准, 所谓的 H5 工程师这一词, 其实是国产词, 泛指新一代的web开发工程师,具体H5工程师, 做什么工作方向, 还是要看需求 (比如: 移动端开发, PC端网页开发, H5小游戏开发…)

3. 前缀为 data- 开头的元素属性是什么？

这是一种为 HTML 元素添加额外数据信息的方式，被称为 自定义属性。

我们可以直接在元素标签上声明这样的数据属性：

<div id="mydiv" data-message="Hello,world" data-num="123"></div>

也可以使用 JavaScript 来操作元素的数据属性：

let mydiv = document.getElementById('mydiv')
// 读取
console.log(mydiv.dataset.message)
// 写入
mydiv.dataset.foo = "bar!!!"

注意：在各种现代前端框架出现后，这种原生的自定义属性已经变得不太常用了,以前的使用频率非常高,所以我们知道即可。

例如: vue实现删除功能时需要 id, 可以直接传值

<tr v-for="item in list" :key="item.id">
<td>张三</td>
<td>18</td>
<td>体育好</td>
<td>
<button @click="del(item.id)">删除</button>
<button>编辑</button>
</td>
</tr>

4. 谈谈你对 HTML 语义化的理解？

考察核心点: 语义化的好处 (利于SEO, 可阅读性更好)

语义化之前：

在提倡语义化之前，你可能会使用各种各样的标签去实现同样的功能，比如：

使用 span、div、p、a 等做文字, 做按钮
使用 div 做一切

从功能方面来说，这确实是不存在什么问题的，完全可以达到功能效果。但这不符合直觉，非常不友好：

对人不友好：阅读代码的人不能一眼看出代码的功能
对机器不友好：解析代码的程序不能很好的对这些元素进行分类处理

语义化之后：

为了解决上面说的问题，HTML5 规范提倡语义化标签，即使⽤恰当语义的 HTML 标签让⻚⾯具有良好的结构与含义，⽐如：

标签就代表段落
代表正⽂内容

查看全文

http://www.taodudu.cc/news/show-4833700.html
相关文章：
- 【Web前端面试】葵花宝典（2022版本）—— CSS篇
- 【web前端面试宝典】经典10问（上篇）
- web前端面试重点难点问题
- web前端，面试总结
- #pragma加载lib文件
- VS报错：无法打开lib文件
- Qt加入lib文件
- Visual Studio工程没有生成lib文件，只生成了dll文件
- vs 生成动态库不生产lib文件
- 没有lib文件的情况下，怎么隐式调用dll
- VS2019创建和使用静态库(.lib文件)
- 在 windows 上如何根据 dll 动态库生成 lib 文件？
- CMakeList 中引用系统环境变量中的 include 文件，以及 lib 文件
- maven打jar包，并将依赖jar打入外部lib文件中
- VS生成DLL没有生成LIB文件的解决方法
- C#中使用OpenGL：（三）将.lib文件编译为.dll文件
- dll文件导出对应的lib文件
- C++ dll库只生成dll文件，而未生成lib文件的问题
- 如何写自己的lib文件并测试
- C++ 调用 .lib 文件中的函数
- Qt 编译动态库只生成dll没有lib文件
- CCS6.2.0 如何将工程封装成lib文件
- opencv 所有lib文件
- 如何生成lib文件采用VS2017生成lib文件（静态库文件）以C++语言为例静态库的生成和使用
- C++的lib文件到底是什么
- lib 文件（基础）
- 软件使用说明书
- 路由器工作原理浅析
- 计算机网络 | 路由器 | 路由器的工作原理
- 网站二次开发模板源码下载

web前端面试-10大经典题（HTML基础）相关推荐

web前端开发10大战略性技术蓝图
2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万-- 2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K-- 看到这两个数据,也许有人会反驳:技术 ...
【web前端面试宝典】经典10问（上篇）
web前端面试十大难点问题
1.什么是闭包?闭包的用途是什么?闭包的缺点是什么? 定义: 闭包是函数和函数内部能访问到的变量的总和. 具体实现:在函数A中声明了函数B,并在函数B中使用了A内部的局部变量或形参,函数B以返回值或对 ...
web前端面试宝典——带你直击面试重难点（40个经典题目，涵盖近90%的考点，码字2w，干货满满！）
系列文章目录 JavaScript 知识梳理,收录了web前端面试 95%以上的高频考点,满满的干货.给你做一个高效的知识梳理,为你的面试保驾护航! 内容参考链接 HTML & CSS 篇 ...
Web前端知识技能大汇总
Web前端知识技能大汇总来源:github 发布时间:2015-07-08 阅读次数:3432 28 项目起源还记得@jayli 的这幅前端知识结构图么. 图片的形式具有诸多的不便.缺失源图的我们 ...
web前端面试总结(自认为还算全面哈哈哈哈哈！！！！）
web前端面试总结(自认为还算全面哈哈哈哈哈!!!!) 一.CSS问题 1.flex布局 display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果超出一行,按比例压缩 flex ...
开发人员面试62到经典题
开发人员面试62到经典题 ENTER TITLE 1.请介绍一下你自己这是面试官100%会问的问题,一般人回答这个问题过于平常,只说姓名.年龄.爱好.所学专业等,如果你用一分钟来重复你的简历,那么, ...
web前端面试高频考点——JavaScript 篇（一）【JS的三座大山】原型和原型链、作用域和闭包、异步
系列文章目录 JavaScript 知识梳理,收录了web前端面试 95%以上的高频考点,满满的干货.给你做一个高效的知识梳理,为你的面试保驾护航! 内容参考链接 HTML & CSS 篇 ...
web前端面试高频考点——Vue原理（理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM）
系列文章目录内容参考链接 Vue基本使用 Vue的基本使用(一文掌握Vue最基础的知识点) Vue通信和高级特性 Vue组件间的通信及高级特性(多种组件间的通信.自定义v-model.nextTi ...

web前端面试-10大经典题（HTML基础）

HTML基础

1. HTML 文件中的 DOCTYPE 是什么作用？

2. HTML、XML、XHTML之间有什么区别？

3. 前缀为 data- 开头的元素属性是什么？

4. 谈谈你对 HTML 语义化的理解？

相关文章：

web前端面试-10大经典题（HTML基础）相关推荐

最新文章

热门文章