关于基本标签的面试考点

标签特性介绍

1.h1~h6 标题（heading）标签
1~6字号逐渐减小
公共点：独占一行、粗体
em单位指的是默认文字大小的倍数，默认字体大小为body设置的字体大小
浏览器默认文字大小是16px
2.p 段落（Paragraph）标签
特性：独占一行
首行缩进：css代码 text-indent:2em;
3.strong标签
strong和b标签都会将字体加粗，但strong比b标签更好，strong是语义化标签，b是物理标签
em标签和i标签都会将字体变为斜体，但em比i标签更好，em是语义化标签，i是物理标签
em标签和strong标签都表示强调语气
4.del标签
删除样式
也可以用样式写出：text-decoration:line-through;
但需要del标签告诉爬虫具体的含义
5.ins标签
下划线标签
也可以用样式写出：text-decoration:underline;
但需要ins标签告诉爬虫具体的含义
6.address标签
表示地址，和p标签一样但具有语义化
7.div 容器（division）标签
盒子容器，块级标签，用于布局
语义化的结构标签：header、article、footer、aside等
在div中，英文只要没有空格就不会换行，而汉字就可以自动换行，因为浏览器认识英文不认识中文
空格和换行都是文本分隔符，无论连续多少个都会被浏览器忽略
在HTML中文字不能直接使用

做为字符显示,应该使用 <div>
空格： 
8.img 图片（image）标签
属性：src 资源（source）：可以填写相对路径或绝对路径或网络地址
alt 图片的说明文字：用于在图片无法显示的时候对图片内容进行说明
title 提示文字：当图片获取到焦点时会显示出文字
9.a 锚点（anchor）标签
并不是超链接标签，其实做出来是用作锚点的
属性：href （Hypertext Reference）：超链接地址
功能：
1.超链接标签 href=“http://…”
2.打电话 href=“tel:17644238072”
3.发邮件 href="mailto:w995964550@163.com"
4.锚点定位 href="#box" (box为希望到达的标签的id)
5.协议限定符 href=“javascript:alert(‘haha’)”

元素

内联元素 inline element（不独占一行，无法定义宽高）：strong、em、del、ins
块极元素 block element（独占一行，可以定义宽高）：p、hx、div、address
内联块级元素 inline-block element（不独占一行，可以定义宽高）：img

嵌套问题

如何判断标签是否能嵌套？
内联元素可以嵌套内联元素，a标签不可以嵌套a标签
块级元素可以嵌套任何元素，p标签不可以嵌套div

注释

注释的目的：方便后期维护，增加代码可读性，找bug
<!--  -->