超链接的优化写法
`<base target="_blank">` 让所有的超链接都在新窗口打开
文本格式化标签
语义 | 标签 | 建议使用 |
---|---|---|
文本加粗标签 | <strong></strong> <b></b> | <strong></strong> |
文本倾斜标签 | <em></em> <i></i> | <em></em> |
删除线标签 | <del></del> <s></s> | <del></del> |
下划线标签 | <ins></ins> <u></u> | <ins></ins> |
列表
无序列表
<ul>
<li></li> 列表项
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li> 列表项
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt> 小标题
<dd></dd> 解释标题
<dd></dd> 解释标题
</dl>
设置icon图标
<link rel="icon" href="" />
表格
属性
<caption></caption> 表头
cellspacing=”2” 单元格与单元格的距离
cellpadding=”2” 内容距边框的距离
colspan=”2” 合并同一行上的单元格
rowspan=”2” 合并同一列上的单元格
Valign=”top | middle | bottom” 垂直对齐方式
表单
输入框属性
maxlength="10" 限制输入字符长度
readonly=”readonly” 将输入框设置为只读状态(不能编辑)
disabled="disabled" 输入框未激活状态(不能编辑,不能使用)
name="username" 输入框的名称
value="name" 将输入框的内容传给处理文件
placeholder 表单提示,兼容性不好,一般不用
下拉列表属性
multiple=”multiple” 将下拉列表设置为多选项
<optgroup label=””></optgroup> 对下拉列表进行分组。Label=”” 分组名称。
表单信息分组
<fieldset></fieldset> 对表单信息分组
<legend></legend> 表单信息分组名称
h5控件
<input type="url"> url控件
<input type="date"> 日期控件
<input type="time"> 时间控件
<input type="email"> email控件
<input type="time"> 时间控件
<input type="number" step="5"> 时间控件,step步进值
<input type="range" step="5"> 滑块控件,step步进值