考点1:语义化
问题:说说你对语义化标签的理解
答:(1)*语义化的标签的出现方便机器阅读我们的代码。(2)搜索引擎的爬虫是靠着语义化内部的关键字。(3)语义化标签极大的提高了代码的可读性。
问题:说说你了解有哪些语义化标签
答:<header>,<aside>,<section>,<nav>,<footer>
考点2:标签类型
问题:说说你对块级元素,行内元素以及空元素的理解
答:(1)display属性:块级:display:block;行内:display:inline(2)排版空间:行内没有单独的空间,从左到右排完一行才能换行;块级占据单独的空间,从上到下排版(3)设置宽高:行内不可以设置;块级可以设置宽高(4)*----空元素可能是一个不存在html子节点的element,比如<hr>,<input>,<hr>
考点3:标签对比
问题:说说<i>和<em>,<strong>和<b>标签的区别
答:<i>,<em>都是斜体的意思,<strong>,<b>都是加粗的的意思,不同的是<em>,<strong>具有文本强调的意义,一些屏幕阅读器可能会使用不同的inflection,更加有利于SEO。
考点4:标签<img>
问题:说说<img>标签支持的图片格式和区别,以及alt和title属性
答:三种图片格式:jpg,png,gif-----体积大图片丰富使用jpg;体积一般支持保存透明背景使用png,动画图片使用gif---------alt属性是无法展示图片的备注解释文本;title属性是鼠标放在元素(图片)上隐藏文本备注和解释。
考点5:标签<label>
问题:说说<label>标签有什么用,怎么用
答:<label>标签的作用是增加用户的可用性,点击<label>标签文本时,浏览器会自动将焦点转移到与标签相关联的控件上,常用于单选框,复选框以及文本框。
考点6:html5
问题:说说有哪些新增标签,以及新特性
答:<header>,<nav>,<section>,<aside>,<footer>,<article>;头部,导航,区域,侧边栏,脚部,内容