前端基础--HTML

本文总结了HTML5前端面试中的常见问题,包括html语义化、块级元素与行内元素的区别、html5的新特性以及doctype的作用。html语义化增强了网页的可读性和SEO,块级元素与行内元素在布局中各有特点。html5的新特性如canvas、多媒体支持、拖放API等,为开发带来了更多可能。doctype用于定义文档类型,指导浏览器正确渲染页面。

HTML,web前端开发的基石,如果把网页比作一栋房子,html就是砖头,木头,瓦片等基础材料,css就是房屋的建筑设计。
这里总结一下前端面试中容易问到的经典问题

1.html语义化

问: 谈谈你对html语义化的理解 ?
答:Html5之前我们习惯用div标签来写网页的模块和结构,html5提供了语义化的标签 使我们能够更加清晰的表示html文档结构
html语义化的优点,四点 :
1.便于用户阅读,即使缺少css样式,网页结构依旧清晰可读
2.有利于seo,搜索引擎是按照html标签来确定上下文文字的权重
3.有利与无障碍交互
4.有利于开发和维护,语义化标签可读性更强,便于维护

2.块元素,行内元素,可变元素

问: HTML 行内元素,块元素的区别是什么?常见的这些元素有哪些?
块元素,自成一行,可以设置宽高,可以设置所有的marin,padding
行元素,不自成一行,不能设置宽高,可以设置margin,padding的left和right,但top和bottom不能设置

常见的块元素 h1-h6 div ul ol il form header section nav aside main article
常见的行内元素 sapn i b del

3.html5新特性

请讲一下html5的新特性
1.HTML标签语义化
2.HTML canvas
3.HTML多媒体,video,audio
4.HTML拖放API
5.HTML input type新增如time tel date等
6.WebSocket 全双工通信
7.localStorage和sessionStorage
8.Web Worker
9.navigator geolocation

4.Doctype 的作用

你知道html的doctype的作用是什么吗?
答: 定义文档类型,告诉浏览器以什么模式来渲染页面

感谢观看,愚拙之见,欢迎指点

参考:html5特性详解https://www.cnblogs.com/vicky1018/p/7705223.html

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值