前端面试题—html

1.语义化

　　就是用合理、正确的标签来展示内容，比如h1~h6定义标题。更易于seo

 

2.input和textarea的区别

1. <textarea>标签是成对的，有结束标签进行闭合，标签的内容写在标签对中间；<input>是单个标签，标签的内容通过 value 属性设置；
2. <textarea>的值是纯文本；<input>的值根据类型不同而不同；
3. <textarea>没有type属性；<input>有多种type来满足表单与用户的数据交互；
4. <textarea>的值可以是多行的，并且有rows和cols来控制多行结构；<input>的值是单行的；

 

3.用一个div模拟textarea

1. 给 div 添加一个HTML全局属性：contenteditable="true"，使 div 元素变成用户可编辑的;
2. 给 div 添加样式 resize: vertical;，使 div 可以被用户调整尺寸，注意：别忘了设置 overflow: auto; 样式，因为resize样式不适用于overflow: visible;的块，不然 resize 不起效哦；
3. 增加一个属性：placeholder="I am placeholder"；
4. 通过 CSS 选择器获取并显示 placeholder 的值；

4.移动端设备忽略将页面中的数字识别为电话号码的方法

　　<meta name = "format-detection" content = "telephone=no">