1.语义化
就是用合理、正确的标签来展示内容,比如h1~h6定义标题。更易于seo
2.input和textarea的区别
<textarea>
标签是成对的,有结束标签进行闭合,标签的内容写在标签对中间;<input>
是单个标签,标签的内容通过value
属性设置;<textarea>
的值是纯文本;<input>
的值根据类型不同而不同;<textarea>
没有type
属性;<input>
有多种type
来满足表单与用户的数据交互;<textarea>
的值可以是多行的,并且有rows
和cols
来控制多行结构;<input>
的值是单行的;
3.用一个div模拟textarea
- 给 div 添加一个HTML全局属性:
contenteditable="true"
,使 div 元素变成用户可编辑的; - 给 div 添加样式
resize: vertical;
,使 div 可以被用户调整尺寸,注意:别忘了设置overflow: auto;
样式,因为resize
样式不适用于overflow: visible;
的块,不然resize
不起效哦; - 增加一个属性:
placeholder="I am placeholder"
; - 通过 CSS 选择器获取并显示 placeholder 的值;
4.移动端设备忽略将页面中的数字识别为电话号码的方法
<meta name = "format-detection" content = "telephone=no">