孙肖宁

HTML中的小技巧
超链接的优化写法`<base target="_blank">` 让所有的超链...
扫描右侧二维码阅读全文
28
2018/01

HTML中的小技巧

超链接的优化写法

`<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步进值
Last modification:April 13th, 2018 at 11:38 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment