前端基础--HTML

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值