H5的一些基本标签

1.target属性
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

2.相对路径
（1）同级，直接写目标文件架
（2）父级找子级：与父级文件夹下的文件夹/目标文件夹
（3）子级找父级：../目标文件夹【/.跳出文件夹】../../即子级找父级的父级【是寻找服务器上的地址，有file:………】

2.2决对路径：是寻找本地文件的路径

例如：

test.js           同级目录下的text.js文件
./text.js          同级目录下的text.js文件
../text.js           上一级目录下的text.js文件
/text.jis             根目录下的text.js

相对路径：和当前位置有关系的路径就是相对路径
绝对路径：从根目录出发的路径叫做绝对路径

3.base写在head里，可以替代a标签中的属性，例如，target:_blank,所有a标签都会继承这个属性。
4.rel=’nofollow’,在a标签中，表示外部链接不要读取，适用于不可信赖的内容，付费链接，按优先级别进行抓取
    Google 使用 “nofollow”，用于指定 Google 搜索引擎不要跟踪链接
5.p与span区别
p标签指一个段落，是块级元素，有换行效果；span是行内元素，一般单独修饰文字；span 标签可以放在p标签里,p标签不应该放在span标签里；
p标签不可以套p标签
h套h不可，p套h不可，h可以套p.
6.表单。table
(1)colgroup 标签，为了把列分组
<table border=”1″>
  <colgroup  >
    <col  style=”background-color:red”>
    <col span=”2″ style=”background-color:yellow”>
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>【可以直接写colgroup 或直接写col  ，col可以使后面几个列分为一组，以上代码后两列分成一组】
只写col与上面效果一样
<table border=”1″>
  
    <col style=”background-color:red”>
    <col  span=”2″ style=”background-color:yellow”>
 
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
(2)合并列： colspan=“所要合并的单元格的列数”
  合并行： rowspan=“所要合并单元格的行数”
(3)cellspacing=”单元格与单元格之间的间距”
cellpadding=“单元格与内容之间的距离”
(4)rules=”rows/cols/all/none/groups”    添加分隔线
    说明：
        rows:位于行之间的线条
        cols:位于列之间的线条
        all：位于行和列之间的线条
        none:没有线条
        groups:位于行组和列组之间的线条

、（4.2）frame：单独决定外边框

                lhs:左边框，rhs右边框      vsides:左右边框

                above 上边框    below下边框      hsides上下边框

（5）对齐方式：align ：水平方向     left  center   right
                         valign：垂直方向     top   middle   bottom    【给table样式没变化】
（6）表格的数据分组
      行分组 
          tbody:
          thead/tfoot  表格的头部与底部   成双出现，嵌套在tr外
     列分组
     单标签 col
     双标签 colgroup
            属性：span：几列一个组
                      width:列组的宽度

7.form
  (1)action 表示接后台地址
 （2）name:表示表单的名称【作用：设置name后在提交的时候才会显示】
 （3)method:表示与后台交互的方法  get/post
      get:参数显示在地址栏，传输的数据量较小，受URL长度限制。
      post:比起get较安全，传输的数据量较大，一般默认为不受限制。
 8.input
     name:表单控件名称,【目的：在form设置提交属性时，才会用到name属性，设置name属性的时候，在提交qwe后，在点击文本框会有qwe的提示】

autocomplete：off/on     就是为了把上面提示关闭提示
     size: 表示控件的长度
    maxlength:最大长度，maxlength=’11’,输入框就最多只能输入11位

8.2button标签对，与input里面button区别

后者永远是普通按钮 ，前者标签对在form里面是提交按钮
9.<textarea rows=”10″ cols=”30″ style=”resize: none;”></textarea>
  rows与cols的行列字符数  ，resize: none;不能拖动
10.<input type=”button”>与<button></button>区别：后者会提交刷新新页面
11.<input type=”file” multiple>上传文件 multiple可用来多选
12.<input type=”hidden”>隐藏标签，不想让控件显示在页面，例如一些订单号
13.  <fieldset disbaled> 嵌套之内的都不能选择
    （1）<legend>  字段级标签

14.<iframe src=”demo_iframe.htm” marginheight=”80″>  在页面中引入一个窗口，marginheight的值是新页面上下的距离

今天的文章H5的一些基本标签分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。