liboxiang
liboxiang

HTML标签

w3school关于标签的解析

http://www.w3school.com.cn/tags/

一、body

属性 值 描述
link rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。
alink rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。请使用样式取代它。规定文档中活动链接（active link）的的颜色。
vlink rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。
background URL 不赞成使用。请使用样式取代它。规定文档的背景图像。
bgcolor rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。请使用样式取代它。规定文档的背景颜色。
text rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。请使用样式取代它。规定文档中所有文本的颜色。

二、换行标签

换行标签是个单标签，也叫空标签，不包含任和内容，在 html 文件中的任何位置只要使用了
标 签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。

三、换段落标签

属性 值 描述
align left、center、right、justify 在 HTML 4.01 中，不赞成使用 p 元素的 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 p 元素的 align 属性。请使用 CSS 代替。CSS 语法：

justify:对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中），即使每行左右两边顶到边，英文的时候才看得出效果。

四、居中对齐标签

在 HTML 4.01 中，center 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中，center 元素不被支持。
注释：请使用 CSS 样式来居中文本！

五、引文标签 (缩排标签)

标签定义块引用。
与
之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

六、水平分隔线标签

属性 值 描述
align left、center、right 不赞成使用。 请使用样式取代它。规定 hr 元素的对齐方式。
noshade noshade 不赞成使用。 请使用样式取代它。规定 hr 元素的颜色呈现为纯色。
size pixels 不赞成使用。 请使用样式取代它。规定 hr 元素的高度（厚度）。默认2像素
width pixels、% 不赞成使用。 请使用样式取代它。规定 hr 元素的宽度。默认100%
color rgb(x,x,x)、#xxxxxx、colorname 不赞成使用。 请使用样式取代它。规定 hr 元素的颜色。

七、署名标签

  • 标签定义文档或文章的作者/拥有者的联系信息。
  • 如果
    元素位于 元素内，则它表示文档联系信息。
  • 如果
    元素位于
    元素内，则它表示文章的联系信息。
  • 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。
提示和注释
  • 标签不应该用于描述通讯地址，除非它是联系信息的一部分。
  • 元素通常连同其他信息被包含在
    元素中。
HTML 4.01 与 HTML5 之间的差异

HTML 4.01 不支持

标签，因此在 HTML 4.01 中，
标签始终定义文档作者/拥有者的联系信息。

八、原样显示文字标签
 
 
     
  
  • pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
    •  
  
  •  
     标签的一个常见应用就是用来表示计算机的源代码。
    •  
  
  • 可以导致段落断开的标签（例如标题、
    、
    )绝不能包含在
    所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。
    •  
  
  • pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分割线。当把其他标签（比如标签）放到 
    块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。
    •  
 
 
 
 
  
提示和注释
 
  
     
   
  • 制表符（tab）在 
     标签定义的块当中可以起到应有的作用，每个制表符占据 8 个字符的位置。但是我们不推荐使用它，因为在不同的浏览器中，Tab 的实现各不相同。在用 
     标签格式化的文档段中使用空格，可以确保文本正确的水平位置。
    •  
   
  • 如果您希望使用 
     标签来定义计算机源代码，比如 HTML 源代码，请使用符号实体来表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。
    •  
  
 
 
 
 
九、特殊字符
 
 
在 HTML 文档中，有些字符没办法直接显示出来，例如?. 使用特殊字符可以将键盘上没有的字符表达 出来，而有些 HTML 文档的特殊字符在键盘上虽然可以得到，但浏览器在解析 HTML 文当时会报错，例如 "<"等，为防止代码混淆，必须用一些代码来表示它们。这些代码叫做符号实体
 
 
十、标题文字标签 
 到 
 
 
 定义最大的标题。
 定义最小的标题。
 
 
 
   
   
 
    属性 
    值 
    描述 
   
 
   
   
   
 
    align 
    left、center、right 
     不赞成使用。 请使用样式取代它。规定标题中文本的排列。 
   
 
   
 
 
 
十二、文字格式控制标签
 
 
 
   
   
 
    属性 
    值 
    描述 
   
 
   
   
   
 
    color 
    rgb(x,x,x)、#xxxxxx、colorname 
     不赞成使用。 请使用样式取代它。规定文本的颜色。 
   
 
   
 
    face 
    font_family 
     不赞成使用。 请使用样式取代它。规定文本的字体。 
   
 
   
 
    size 
    number 
     不赞成使用。 请使用样式取代它。规定文本的大小。 
   
 
   
 
 
 
 
  
提示和注释
 
  
请使用样式（代替）来定义文本的字体、颜色和大小
 
 
 
 
十三、特定文字样式标签
 
 
 
   
   
 
    标签 
    用法 
    描述 
   
 
   
   
   
 
     
    规定粗体文本 
    根据 HTML5 规范，在没有其他合适标签更合适时，才应该把  标签作为最后的选项。也能够使用 CSS“font-weight”属性来设置粗体文本。 
   
 
   
 
     
    显示斜体文本效果 
    无 
   
 
   
 
     
    定义下划线文本 
    在 HTML 4.01 中，u 元素是不被推荐使用的.请尽量避免为文本加下划线 - 用户会把它混淆为一个超链接！无 
   
 
   
 
     
    把文本定义为强调的内容。 
    无 
   
 
   
 
     
    把文本定义为语气更强的强调的内容。 
    无 
   
 
   
 
     
    定义引用。 
    可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 
   
 
   
 
     
    定义计算机代码文本。 
    无 
   
 
   
 
     
    呈现小号字体效果 
    无 
   
 
   
 
     
    呈现大号字体效果 
    无 
   
 
   
 
     
    定义样本文本。 
    无 
   
 
   
 
     
    定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 
    无 
   
 
   
 
     
    定义变量。您可以将此标签与 
 及  标签配合使用。
 
    无 
   
 
   
 
     
    定义一个定义项目。 
    无 
   
 
   
 
     
    定义上标文本 
    无 
   
 
   
 
     
    定义下标文本 
    无 
   
 
   
 
 
 
 
  
 
   
 
    HTML标签_第1张图片 
   
 
  
 
  

    实际效果 
  
 
 
 
 
十四、列表相关
 
 
列表中可以嵌套另一个列表
 
 
 
   
   
 
    标签 
    属性 
    描述 
   
 
   
   
   
 
    
  		•  
    type、value 
    定义列表项目,可用在有序列表 (
      ) 和无序列表 (
        ) 中
    		 
   
     
   
     
    
      		 
    compact、type 
    定义无序列表 
   
       
   
       
    
        		 
    compact、reversed、start、type 
    定义有序列表。在 HTML 4.01 中，ol 元素的 "compact"、"start" 以及 "type" 属性是不被赞成使用的。 
   
         
   
         
     
    compact 
    定义目录列表 
   
         
   
         
    
        		 
     
    定义了定义列表 
   
         
   
         
    
        		 
     
    定义了定义列表中的项目 
   
         
   
         
    
        		 
     
    在定义列表中定义条目的定义部分 
   
         
   
         
     
    label、type 
    目前所有主流浏览器都不支持 
   
         
           
 
         
 
         
  
        属性注释
         
  
        type：disc（实心圆）、circle（空心圆）、square（小方块）、1（数字）、A（大写英文字母）、a（小写英文字母）、I（大写罗马数字符号）、i（小写罗马数字符号）
         compact：任何主流浏览器都不支持compact属性
         value：规定列表项目的数字
         start：规定有序列表的起始值，值的类型为number
         
 
         
 
        reversed：规定列表顺序为降序。值就是reversed
         
 
         
  
         
   
         
    HTML标签_第2张图片 
   
         
  
         
  
        
    有序列表和无序列表 
  
         
 
         
 
         
  
         
   
         
     
   
         
  
         
  
        
    目录列表 
  
         
 
         
 
         
  
         
   
         
    HTML标签_第3张图片 
   
         
  
         
  
        
    定义列表 
  
         
 
         
 
        十五、插入图片标签
         
 
         
   
   
         
    属性 
    值 
    描述 
   
         
           
   
   
         
    alt 
    text 
    规定图像的替代文本 
   
         
   
         
    src 
    URL 
    规定图像的URL 
   
         
   
         
    align 
    top、bottom、middle、left、right 
     不推荐使用。规定如何根据周围的文本来排列图像。 
   
         
   
         
    border 
    pixels 
     不推荐使用。定义图像周围的边框。 
   
         
   
         
    height 
    pixels、% 
    定义图像的高度。通常只设为图片的真实大小以免失真,改变图片大小 最好用图像工具. 
   
         
   
         
    hspace 
    pixels 
     不推荐使用。定义图像左侧和右侧的空白。 
   
         
   
         
    ismap 
    URL 
    将图像定义为服务器端图像映射。当用户在 ismap 图像上单击了某处时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端。特殊的服务器端软件可以根据这些坐标来做出响应。 
   
         
   
         
    longdesc 
    URL 
    指向包含长的图像描述文档的 URL。 
   
         
   
         
    usemap 
    #mapname 
    将图像定义为客户器端图像映射。# + 要使用的  元素的 name 或 id 属性 
   
         
   
         
    vspace 
    pixels 
     不推荐使用。定义图像顶部和底部的空白。 
   
         
   
         
    width 
    pixels、% 
    设置图像的宽度。通常只设为图片的真实大小以免失真,改变图片大小 最好用图像工具. 
   
         
   
         
    dynsrc 
    URL 
    指定 avi 文件所在路径 
   
         
   
         
    loop 
    number 
    设定 avi 文件循环次数 
   
         
   
         
    loopdelay 
     
    设定 avi 文件循环延迟 
   
         
   
         
    start 
    fileopen、mouseover 
    设定文件播放方式网页打开时即播放、当鼠标滑到 avi 文件时播放 
   
         
   
         
    lowsrc 
    URL 
    设定低分辨率图片,若所加入的是一张很大的图片，可先显 示图片。 
   
         
           
 
         
 
         
  
        usemap属性详细解析
         
  
        usemap 属性提供了一种“客户端”的图像映射机制，有效地消除了服务器端对鼠标坐标的处理，以及由此带来的网络延迟问题。通过特殊的  和  标签，HTML 创作者可以提供一个描述 usemap 图像中超链接敏感区域坐标的映射，这个映射同时包含相应的超链接 URL。usemap 属性的值是一个 URL，它指向特殊的  区域。用户计算机上的浏览器将把鼠标在图像上单击时的坐标转换成特定的行为，包括加载和显示另外一个文档。
         我们举例说明一下，下面这段源代码将一个 100x100 像素的图像 map.gif 映射为 4 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。请注意，在这个  标签中，我们已经有效地包含了对 ismap 图像映射的处理功能，这样，那些使用不具有 usemap 处理功能的浏览器用户，就可以通过另外一中途径，即服务器端机制来处理图像映射：
         
  
        






 



         
 
         
 
        十六、超链接
         
 
        定义超链接，用于从一张页面链接到另一张页面。
         
 
         
   
   
         
    属性 
    值 
    描述 
   
         
           
   
   
         
    charset 
    char_encoding 
     HTML5中不支持规定被链接文档的字符集。 
   
         
   
         
    coords 
    coordinates 
     HTML5中不支持规定链接的坐标。 
   
         
   
         
    download 
    filename 
    规定被下载的超链接目标在下载后的名称。 
   
         
   
         
    href 
    URL 
    规定链接指向的页面的 URL。 
   
         
   
         
    hreflang 
    language_code 
    规定被链接文档的语言。主流的浏览器几乎都不支持 hreflang 属性。 
   
         
   
         
    media 
    media_query 
    规定被链接文档是为何种媒介/设备优化的。 
   
         
   
         
    name 
    section_name 
     HTML5中不支持规定锚的名称 
   
         
   
         
    rel 
    text 
    规定当前文档与被链接文档之间的关系。 
   
         
   
         
    rev 
    text 
     HTML5中不支持规定被链接文档与当前文档之间的关系。 
   
         
   
         
    shape 
    default、rect、circle、poly 
     HTML5中不支持规定链接的形状。 
   
         
   
         
    target 
    _blank、_parent、_self、_top、framename 
    规定在何处打开链接文档。 
   
         
   
         
    type 
    MIME type 
    规定被链接文档的的 MIME 类型。该属性是 HTML5 中 a 元素的新属性。 
   
         
           
 
         
 
        如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。
         
 
        属性详细解析
         
 
           
  
        • href属性：
          •  
 
         
 
         
  
           
   
        • 绝对 URL - 指向另一个站点
          •  
   
        • 相对 URL - 指向站点内的某个文件
          •  
   
        • 锚 URL - 指向页面中的锚（href="#top"）
          •  
  
         
 
         
 
           
  
        • shape属性：
          •  
 
         
 
         
  
        default：规定全部区域
         rect：定义矩形区域
         circle：定义圆形
         poly：定义多边形区域
         
 
         
 
           
  
        • target属性：
          •  
 
         
 
         
  
        _blank：在新窗口中打开被链接文档
         _self：默认。在相同的框架中打开被链接文档。
         _parent ：在父框架集中打开被链接文档。
         _top：在整个窗口中打开被链接文档。
         framename：在指定的框架中打开被链接文档。
         
 
         
          
 
        1、发送E-main
         
 
        参数列表
         
 
         
   
   
         
    参数 
    含义 
   
         
           
   
   
         
    to 
    收信人 
   
         
   
         
    suject 
    主题 
   
         
   
         
    cc 
    抄送 
   
         
   
         
    bcc 
    暗抄送 
   
         
   
         
    body 
    内容 
   
         
           
 
         
 
        参数传递方式同页面之间传递值一样，可以使用查询字符串，也可以用form
         querystring方式：
         send mail
         form方式：
         
 
        
    
    
    

        

         
 
        两种方式同样传递所有参数。
         用鼠标单击一下该超级连接的话，浏览器会自动调用系统默认的邮件客户端程序，同时按照设定好的变量值，如subject、cc等，在邮件客户端中自动填入设定好的值。
         如果要将邮件发送到多个邮箱，可以使用分号";"隔开，如下所示：
         send mail
         如果想使邮件内容（变量body对应的变量值）换行，则直接加上
        标签，如下所示：
         send mail
         
 
        2、ftp
         
 
        格式：ftp://帐号:密码@FTP网址
         eg.
         
 
         
  
        帐号：wangfei
         密码：88888888
         FTP网址为：www.iefans.net
          王飞FTP
         
 
         
 
        3、图像的超链接
         
 
        
    


         
 
        4、点播音乐
         
 
        音乐

         
 
        十七、表格
         
 
        标签内标签内
         
   
   
         
    相关标签 
    描述 
   
         
           
   
   
         
    
         
    
        定义表格的标题。在表格中也可以不用此 标签。 
   
         
   
         
     
    定义表头单元格。表格中的文字将以粗体 显示，在表格中也可以不用此标签， 标签必须放在
         
   
         
   
         
    
         
    定义一行标签，一组行标签内可以建立多 组由或标签所定义的单元格 
   
         
   
         
     
    定义单元格标签，一组标签将将建 立一个单元格，标签必须放在
         
   
         
           
 
         
 
         
   
   
         
    
        属性 
    
        值 
    描述 
   
         
   
           
   
         
    align 
    left、right、top、bottom 
     不赞成使用。请使用样式取而代之。分别固定规定标题在表格的左、右、上、下 
   
         
           
 
         
 
         
  
        注释 ：除了 Firefox，其他主流浏览器都无法正确地支持 align 属性。
         所有主流浏览器都支持 "top" 和 "bottom" 值。Chrome 和 Safari 不支持 "left" 和 "right"。Internet Explorer 和 Opera 只能对 caption 内部的文本（而不是整个 caption 元素）进行对齐。
         
 
         
 、表格主体标签和尾注标签三个 部分组成的。标签用于规定表格主体部分的元素，可出现多次。
         
   
   
         
    属性
         
    
        值 
    描述 
   
         
   
           
   
         
    align 
    left、center、right 
     不赞成使用请使用样式代替。规定表格相对周围元素的对齐方式。 
   
         
   
         
    bgcolor 
    rgb(x,x,x)、#xxxxxx、colorname 
     不赞成使用请使用样式代替。规定表格的背景颜色。 
   
         
   
         
    border 
    pixels 
    规定表格边框的宽度。 
   
         
   
         
    bordercolor 
    rgb(x,x,x)、#xxxxxx、colorname 
    表格边框颜色。当 border>=1 时起作用 
   
         
   
         
    bordercolorlight 
    rgb(x,x,x)、#xxxxxx、colorname 
    表格边框明亮部分颜色。当 border>=1 时起作用 
   
         
   
         
    bordercolordark 
    rgb(x,x,x)、#xxxxxx、colorname 
    表格边框昏暗部分颜色。当 border>=1 时起作用 
   
         
   
         
    cellpadding 
    pixels、% 
    规定单元边沿与其内容之间的空白。 
   
         
   
         
    cellspacing 
    pixels、% 
    规定单元格之间的空白。 
   
         
   
         
    frame 
    void、above、below、hsides、lhs、rhs、vsides、box、border 
    规定外侧边框的哪个部分是可见的。从实用角度出发，最好不要规定 frame，而是使用 CSS 来添加。除了 Internet Explorer，其他浏览器都支持 frame 属性。 
   
         
   
         
    rules 
    none、groups、rows、cols、all 
    规定内侧边框的哪个部分是可见的。 
   
         
   
         
    summary 
    text 
    规定表格的摘要。该属性不会对普通浏览器中产生任何视觉变化。屏幕阅读器可以利用该属性。 
   
         
   
         
    width 
    pixels、% 
    规定表格的宽度。 
   
         
   
         
    height 
    pixels、% 
    规定表格的高度。 
   
         
           
 
         
 属性
         
   
   
         
    
         
    值 
    描述 
   
         
           
   
   
         
    height 
    number 
    行高 
   
         
   
         
    align 
    left、center、right、justify、char 
    定义表格行的对齐方式。 
   
         
   
         
    bgcolor 
    rgb(x,x,x)、#xxxxxx、colorname 
     不赞成使用请使用样式代替。规定表格行的背景颜色。 
   
         
   
         
    char 
    character 
     几乎没有浏览器支持规定根据哪个字符来进行文本对齐 
   
         
   
         
    charoff 
    number 
    规定第一个对齐字符的偏移量，和char属性配合使用 
   
         
   
         
    valign 
    top、middle、bottom、baseline 
    规定表格行中内容的垂直对齐方式 
   
         
           
 
         
 
         
   
   
         
    ／属性 
    值 
    描述 
   
         
           
   
   
         
    align 
    left、center、right、justify、char 
    规定单元格内容的水平对齐方式。 
   
         
   
         
    valign 
    top、middle、bottom、baseline 
    规定单元格内容的垂直排列方式 
   
         
   
         
    axis 
    category_name 
    对单元进行分类。 
   
         
   
         
    bgcolor 
    rgb(x,x,x)、#xxxxxx、colorname 
     不赞成使用请使用样式代替。规定单元格的背景颜色。 
   
         
   
         
    colspan 
    number 
    规定单元格可横跨的列数。 
   
         
   
         
    rowspan 
    number 
    规定单元格可横跨的行数。 
   
         
   
         
    height/width 
    pixels、% 
     不赞成使用请使用样式代替。规定表格单元格的高度和宽度，会影响对应行和列的高度。 
   
         
   
         
    scope 
    col、colgroup、row、rowgroup 
    定义将表头数据与单元数据相关联的方法。 
   
         
   
         
    nowrap 
    nowrap 
     不赞成使用请使用样式取而代之。规定单元格中的内容是否折行。 
   
         
           
 
         
 
        		/的scope属性 
 
         
  
           
   
        • col 规定单元格是列的表头。
          •  
   
        • row 规定单元格是行的表头。
          •  
   
        • colgroup 规定单元格是列组的表头。
          •  
   
        • rowgroup 规定单元格是行组的表头。
          •  
  
         
 
         
 
         
  
         
   
         
    HTML标签_第4张图片 
   
         
  
         
  
        
    scope属性效果 
  
         
 
         
 
        表格的分组
         
 
           
  
        • 按行分组
          •  
 
         
 
         
  
        html 文档的表格按行分组是由表头标签
         
  
        ／／属性
         
    
    
         
     
         
     
        值 
     描述 
    
         
    
            
    
         
     align 
     left、center、right、justify、char 
     规定元素内的单元格内容的水平对齐方式。只有 Internet Explorer 和 Opera 支持 align 属性。 
    
         
    
         
     valign 
     top、middle、bottom、baseline 
     规定元素内的单元格内容的垂直排列方式。只有 Internet Explorer 和 Opera 支持 valign 属性。 
    
         
            
  
         
  
         
   
         
    
         
     HTML标签_第5张图片 
    
         
   
         
   
        
     表格行分组实例 
   
         
  
         
  
        提示
         在默认情况下、、元素不会影响到表格的布局。不过，您可以使用 CSS 使这些元素改变表格的外观。
         
 
         
 
           
  
        • 按列分组
          •  
 
         
 
         
  
        html 使用标签来将表格按列分组。
         Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。
         
  
         
    
    
         
     属性 
     值 
     描述 
    
         
            
    
    
         
     span 
     number 
     规定列组相应横跨的列数 
    
         
    
         
     width 
     pixels、%、relative_length 
     规定列组合中列的宽度 
    
         
            
  
         
  
         
   
         
    
         
     HTML标签_第6张图片 
    
         
   
         
   
        
     表格列分组实例 
   
         
  
         
 
         
 
        表格的嵌套
         
 
         
  
         
   
         
    HTML标签_第7张图片 
   
         
  
         
  
        
    表格嵌套实例 
  
         
 
         
 
        十八、插入多媒体文件
         
 
         标签是 HTML 5 中的新标签。
         
 
         
   
   
         
    属性 
    值 
    描述 
   
         
           
   
   
         
    height 
    pixels 
    设置嵌入内容的高度 
   
         
   
         
    width 
    pixels 
    设置嵌入内容的宽度 
   
         
   
         
    src 
    url 
    嵌入内容的url 
   
         
   
         
    type 
    MIME_type 
    定义嵌入内容的类型 
   
         
           
 
         
 
        十九、多视图窗口框架
         
 
         可定义一个框架集。它被用来组织多个窗口（框架）。内可以嵌套。
          html 页面的文档体标签被框架集标签 所取代，然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性。Frame 子框架的 src 属性的 URL 值指定了一个 html 文件(这个文件必须事先做好)地址，地址路径可使用绝对路径或相对路径，这个文件将载入相应的窗口中。
           标签有一个必需的属性：要么是 rows，要么是 cols，这取决于您的选择，它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目。
          这两个属性都接受用引号括起来并用逗号分开的值列表，这些数值指定了框架的绝对（像素点）或相对（百分比或其余空间）宽度（对列而言），或者绝对或相对高度（对行而言）。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。
         
 
         
   
   
         
    属性 
    值 
    描述 
   
         
           
   
   
         
    cols 
    pixels、%、* 
    定义框架中列的数目和尺寸 
   
         
   
         
    rows 
    pixels、%、* 
    定义框架集中行的数目和尺寸 
   
         
           
 
         
 
        border
         
 
        注释：
         
 
         
  
        您不能与  标签一起使用  标签。不过，如果您需要为不支持框架的浏览器添加一个  标签，请务必将此标签放置在 <body></body> 标签中！</p> 
 </blockquote> 
 <h5><noframes>的使用</h5> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 382px; max-height: 173px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/39fb2daa5b4d462787dc3fd2289717d6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/39fb2daa5b4d462787dc3fd2289717d6.jpg" width="382" height="173" alt="HTML标签_第8张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    <noframes>的使用 
  </div> 
 </div> 
 <h5><frameset>实例</h5> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 181px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/2d08b5c7bfa94d4d9191150c6b65c18c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/2d08b5c7bfa94d4d9191150c6b65c18c.jpg" width="650" height="155" alt="HTML标签_第9张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption"></div> 
 </div> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 156px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/f077bc67d445462c99a69dcf1597e6b4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/f077bc67d445462c99a69dcf1597e6b4.jpg" width="650" height="125" alt="HTML标签_第10张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption"></div> 
 </div> 
 <h3>二十、子窗口<frame></h3> 
 <p><frame> 标签定义 frameset 中的一个特定的窗口（框架）。</p> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>frameborder</td> 
    <td>0、1</td> 
    <td>规定是否显示框架周围的边框。出于实用性方面的原因，最好不用设置该属性，请使用 CSS 来应用边框样式和颜色</td> 
   </tr> 
   <tr> 
    <td>longdesc</td> 
    <td>url</td> 
    <td>规定一个包含有关框架内容的长描述的页面。</td> 
   </tr> 
   <tr> 
    <td>marginheight</td> 
    <td>pixels</td> 
    <td>定义框架的上方和下方的边距。</td> 
   </tr> 
   <tr> 
    <td>marginwidth</td> 
    <td>pixels</td> 
    <td>定义框架的左侧和右侧的边距。</td> 
   </tr> 
   <tr> 
    <td>name</td> 
    <td>name</td> 
    <td>规定框架的名称。</td> 
   </tr> 
   <tr> 
    <td>noresize</td> 
    <td>noresize</td> 
    <td>规定无法调整框架的大小。</td> 
   </tr> 
   <tr> 
    <td>scrolling</td> 
    <td>yes、no、auto</td> 
    <td>规定是否在框架中显示滚动条。</td> 
   </tr> 
   <tr> 
    <td>scr</td> 
    <td>url</td> 
    <td>规定在框架中显示的文档的 URL。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>二十一、浮动窗口<iframe></h3> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>align</td> 
    <td>left、right、top、middle、bottom</td> 
    <td> <strong>不赞成使用。</strong>请使用样式代替。规定如何根据周围的元素来对齐此框架。</td> 
   </tr> 
   <tr> 
    <td>frameborder</td> 
    <td>1、0</td> 
    <td>规定是否显示框架周围的边框</td> 
   </tr> 
   <tr> 
    <td>height</td> 
    <td>pixels、%</td> 
    <td>规定ifram的高度</td> 
   </tr> 
   <tr> 
    <td>width</td> 
    <td>pixels、%</td> 
    <td>规定ifram的宽度</td> 
   </tr> 
   <tr> 
    <td>longdesc</td> 
    <td>url</td> 
    <td>规定一个页面，该页面包含有关iframe的较长描述</td> 
   </tr> 
   <tr> 
    <td>marginheight</td> 
    <td>pixels</td> 
    <td>定义iframe的顶部和底部边距</td> 
   </tr> 
   <tr> 
    <td>marginwidht</td> 
    <td>pixels</td> 
    <td>定义iframe的左侧和右侧的边距</td> 
   </tr> 
   <tr> 
    <td>name</td> 
    <td>frame_name</td> 
    <td>规定iframe的名称。</td> 
   </tr> 
   <tr> 
    <td>sandbox</td> 
    <td>“” 、 allow-forms、allow-same-origin、allow-scripts、allow-top-navigation</td> 
    <td>启用一系列对<iframe>中内容的额外限制。</td> 
   </tr> 
   <tr> 
    <td>scrolling</td> 
    <td>yes、no、auto</td> 
    <td>规定是否在iframe中显示滚动条</td> 
   </tr> 
   <tr> 
    <td>seamless</td> 
    <td>seamless</td> 
    <td>规定<iframe>看上去是否包含文档的一部分。IE和firefox不支持该属性</td> 
   </tr> 
   <tr> 
    <td>src</td> 
    <td>url</td> 
    <td>规定iframe中显示的文档url。</td> 
   </tr> 
   <tr> 
    <td>srcdoc</td> 
    <td>HTML_code</td> 
    <td>规定<iframe>中显示的页面的html内容。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>二十二、表单<form></h3> 
 <ul> 
  <li><form> 标签用于为用户输入创建 HTML 表单。</li> 
  <li>表单能够包含input、menus、textarea、fieldset、legend和label元素</li> 
  <li>表单用于向服务器传输数据</li> 
 </ul> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>accept</td> 
    <td>MIME_type</td> 
    <td>HTML5中不支持</td> 
   </tr> 
   <tr> 
    <td>accept-charset</td> 
    <td>charset_list</td> 
    <td>规定服务器可处理的表单数据字符集。</td> 
   </tr> 
   <tr> 
    <td>action</td> 
    <td>url</td> 
    <td>规定当提交表单时向何处发送表达数据。</td> 
   </tr> 
   <tr> 
    <td>autocomplete</td> 
    <td>on、off</td> 
    <td>规定是否用表单的自动完成功能</td> 
   </tr> 
   <tr> 
    <td>enctype</td> 
    <td></td> 
    <td>规定在发送表单数据之前如何对其进行编码</td> 
   </tr> 
   <tr> 
    <td>method</td> 
    <td>get、post</td> 
    <td>规定用于发送form-data的HTTP方法</td> 
   </tr> 
   <tr> 
    <td>name</td> 
    <td>form_name</td> 
    <td>规定表单的名称，name 属性提供了一种在脚本中引用表单的方法。</td> 
   </tr> 
   <tr> 
    <td>novalidate</td> 
    <td>novalidate</td> 
    <td>如果使用该属性，则提交表单时不尽兴验证。</td> 
   </tr> 
   <tr> 
    <td>target</td> 
    <td>_blank、_self、_parent、_top、_framename</td> 
    <td>规定在何处打开actionURL。</td> 
   </tr> 
  </tbody> 
 </table> 
 <blockquote> 
  <h5>enctype 属性可能的值：</h5> 
  <ul> 
   <li>application/x-www-form-urlencoded</li> 
   <li>multipart/form-data</li> 
   <li>text/plain</li> 
  </ul> 
 </blockquote> 
 <h3>二十三、<input></h3> 
 <ul> 
  <li><input> 标签用于搜集用户信息。</li> 
  <li>根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。</li> 
  <li>请使用label元素为某个表单控件定义标签</li> 
  <li>只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。</li> 
 </ul> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>accept</td> 
    <td>mime_type</td> 
    <td>规定通过文件上传来提交的文件的类型。只能与 <input type="file"> 配合使用。请避免使用该属性。应该在服务器端验证文件上传。</td> 
   </tr> 
   <tr> 
    <td>align</td> 
    <td>left、right、top、middle、bottom</td> 
    <td> <strong>不赞成使用。</strong>规定图像输入的对齐方式。只能与 <input type="image"> 配合使用</td> 
   </tr> 
   <tr> 
    <td>alt</td> 
    <td>text</td> 
    <td>定义图像输入的替代文本</td> 
   </tr> 
   <tr> 
    <td>autocomplete</td> 
    <td>on、off</td> 
    <td>规定是否使用输入字段的自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。</td> 
   </tr> 
   <tr> 
    <td>autofocus</td> 
    <td>autofocus</td> 
    <td>规定输入字段在页面加载时是否获得焦点（不适用于type=“hidden”）</td> 
   </tr> 
   <tr> 
    <td>checked</td> 
    <td>checked</td> 
    <td>规定此input元素首次加载时应当被选中。与 <input type="checkbox"> 或 <input type="radio"> 配合使用。</td> 
   </tr> 
   <tr> 
    <td>disabled</td> 
    <td>disabled</td> 
    <td>当input元素加载时禁止用此元素</td> 
   </tr> 
   <tr> 
    <td>form</td> 
    <td>formname</td> 
    <td>规定输入字段所属一个或多个表单。form 属性的值必须是其所属表单的 id。如需引用一个以上的表单，请使用空格分隔的列表。</td> 
   </tr> 
   <tr> 
    <td>formaction</td> 
    <td>url</td> 
    <td>覆盖表单的action属性。（适用于type=“submit”和type=“image”）</td> 
   </tr> 
   <tr> 
    <td>formenctype</td> 
    <td></td> 
    <td>覆盖表单的enctype属性。（适用于 type=“submit”和type=“image”）</td> 
   </tr> 
   <tr> 
    <td>formmethod</td> 
    <td>get、post</td> 
    <td>覆盖表单的method属性。（适用于 type=“submit”和type=“image”）</td> 
   </tr> 
   <tr> 
    <td>formnovalidate</td> 
    <td>formnovalidate</td> 
    <td>覆盖表单的novalidate属性。如果使用该属性，则提交表单的时候不验证。</td> 
   </tr> 
   <tr> 
    <td>formtarget</td> 
    <td>_blank、_self、_parent、_top、_framename</td> 
    <td>覆盖表单的target属性。（适用于 type=“submit”和type=“image”）</td> 
   </tr> 
   <tr> 
    <td>height</td> 
    <td>pixels、%</td> 
    <td>定义input字段的高度。（适用于type=“image”）</td> 
   </tr> 
   <tr> 
    <td>list</td> 
    <td>datalist-id</td> 
    <td>引用包含输入字段的预定义选项的datalist。</td> 
   </tr> 
   <tr> 
    <td>max</td> 
    <td>number、date</td> 
    <td>规定输入字段的最大值。请与“min”属性配合使用，来创建合法值的范围</td> 
   </tr> 
   <tr> 
    <td>maxlength</td> 
    <td>number</td> 
    <td>规定输入字段中的字符的最大长度</td> 
   </tr> 
   <tr> 
    <td>min</td> 
    <td>number、date</td> 
    <td>规定输入字段的最小值。请与“max”属性配合使用，来创建合法值的范围</td> 
   </tr> 
   <tr> 
    <td>multiple</td> 
    <td>multiple</td> 
    <td>如果使用该属性，则允许一个以上的值。</td> 
   </tr> 
   <tr> 
    <td>name</td> 
    <td>field_name</td> 
    <td>定义input元素的名称。用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。</td> 
   </tr> 
   <tr> 
    <td>pattern</td> 
    <td>regexp_pattern</td> 
    <td>规定输入字段的值的模式或者格式。例如pattern=“[0-9]"表示输入值必须试0与9之间的数字。使用的是正则表达式。请使用标准的 "title" 属性来描述模式，当提交的时候，检测到输入不符合格式会提示“title”文字</td> 
   </tr> 
   <tr> 
    <td>placeholder</td> 
    <td>text</td> 
    <td>规定帮助用户填写输入字段的提示</td> 
   </tr> 
   <tr> 
    <td>readonly</td> 
    <td>readonly</td> 
    <td>规定输入字段为只读。属性可与 <input type="text"> 或 <input type="password"> 配合使用。可以 使用JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。</td> 
   </tr> 
   <tr> 
    <td>required</td> 
    <td>required</td> 
    <td>规定输入字段的值是必须的</td> 
   </tr> 
   <tr> 
    <td>size</td> 
    <td>number_of_char</td> 
    <td>定义输入字段的宽度。对于 <input type="text"> 和 <input type="password">，size 属性定义的是可见的字符数。而对于其他类型，size 属性定义的是以像素为单位的输入字段宽度。具体效果为调节输入框长度。由于 size 属性是一个可视化的设计属性，推荐您使用 CSS （<input style="width:100px" />）来代替它。</td> 
   </tr> 
   <tr> 
    <td>src</td> 
    <td>url</td> 
    <td>定义以提交按钮形式显示的图像的url。只能与 <input type="image"> 配合使用。</td> 
   </tr> 
   <tr> 
    <td>step</td> 
    <td>number</td> 
    <td>规定输入字的合法数字间隔</td> 
   </tr> 
   <tr> 
    <td>type</td> 
    <td>button、checkbox、file、hidden、image、password、radio、reset、submit、text</td> 
    <td>规定input元素的类型</td> 
   </tr> 
   <tr> 
    <td>value</td> 
    <td>value</td> 
    <td>规定input元素的值</td> 
   </tr> 
   <tr> 
    <td>width</td> 
    <td>pixels、%</td> 
    <td>定义input字段的宽度。（适用于type=“image”）</td> 
   </tr> 
  </tbody> 
 </table> 
 <h5>type属性各种值的效果</h5> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 454px;"> 
   <div class="image-view"> 
    <a href="http://img.e-com-net.com/image/info10/277606c9c4a94f858c028f475b676551.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/277606c9c4a94f858c028f475b676551.jpg" width="650" height="422" alt="HTML标签_第11张图片" style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    input type属性效果 
  </div> 
 </div> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1244101298224222208"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML标签)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1950208989954371584.htm"
                           title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a>
                        <span class="text-muted">小馋喵知识杂货铺</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a>
                        <div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div>
                    </li>
                    <li><a href="/article/1950100184717389824.htm"
                           title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a>
                        <span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT</div>
                    </li>
                    <li><a href="/article/1949681688023986176.htm"
                           title="HTML5" target="_blank">HTML5</a>
                        <span class="text-muted">Darling02zjh</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we</div>
                    </li>
                    <li><a href="/article/1949625719021694976.htm"
                           title="在 Go 语言中使用正则表达式提取所有匹配字符串的方法详解" target="_blank">在 Go 语言中使用正则表达式提取所有匹配字符串的方法详解</a>
                        <span class="text-muted">gopher.guo</span>
<a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>在Go语言中使用正则表达式提取所有匹配字符串的方法详解正则表达式（RegEx）是一种强大的文本处理工具，而在Go语言中，官方regexp标准库提供了完整的正则功能。一个常见需求是：从字符串中提取出所有符合某种模式的内容，比如所有邮箱地址、所有数字、所有HTML标签等。本文将介绍如何在Go中使用正则表达式一次性提取所有匹配项，并提供详细示例。一、核心函数：FindAllString与FindAllS</div>
                    </li>
                    <li><a href="/article/1948563117239758848.htm"
                           title="html 学习 常用的html标签及使用" target="_blank">html 学习 常用的html标签及使用</a>
                        <span class="text-muted"></span>

                        <div>html是什么超文本标记语言（HypertextMarkupLanguage,HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htmhttp不是什么HTML是一种标记语言（markuplanguage），它不是一种编程语言。HTML使</div>
                    </li>
                    <li><a href="/article/1947762624158560256.htm"
                           title="聊聊 iframe：网页中的“窗口”是怎么回事？" target="_blank">聊聊 iframe：网页中的“窗口”是怎么回事？</a>
                        <span class="text-muted">结城</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>在网页开发中，是一个挺常见但又有点“低调”的HTML标签。你可能在浏览网页时见过它，比如嵌入的YouTube视频、地图，或者一些外部的小工具。它就像网页里开了一扇小窗口，能把另一个网页的内容嵌进来。今天就来聊聊iframe的前世今生、怎么用、包括srcdoc的妙用，它在微前端、传统后端开发、打印场景、通信机制中的应用，以及如何防止别人用iframe内嵌你的网站，尽量说得自然又接地气。iframe是</div>
                    </li>
                    <li><a href="/article/1947313825124511744.htm"
                           title="v-text 和 v-html 都是用于数据绑定的指令，但它们在处理内容和安全性上有显著区别。" target="_blank">v-text 和 v-html 都是用于数据绑定的指令，但它们在处理内容和安全性上有显著区别。</a>
                        <span class="text-muted"></span>

                        <div>在Vue.js中，v-text和v-html都是用于数据绑定的指令，但它们在处理内容和安全性上有显著区别。以下是详细说明和注意事项：1.v-text指令作用：将数据以纯文本形式插入到元素中（相当于设置元素的textContent属性）。语法：等价于：{{message}}特点：自动转义HTML标签（例如会变成文本&lt;script&gt;）防止XSS攻击（跨站脚本攻击）覆盖元素内原有的所有内容示</div>
                    </li>
                    <li><a href="/article/1947150439640264704.htm"
                           title="WEB：DOM （二）核心操作 —— 内容" target="_blank">WEB：DOM （二）核心操作 —— 内容</a>
                        <span class="text-muted"></span>

                        <div>文章目录一、innerHTML二、innerText与textContent2.1innerText2.2textContent2.3对比与选择三、表单元素的值操作获取和修改元素的内容是DOM操作中最常见的需求，JavaScript提供了多种方式来操作元素的内容。一、innerHTMLinnerHTML属性用于获取或设置元素的HTML内容，设置时会解析HTML标签。原始内容constcontent</div>
                    </li>
                    <li><a href="/article/1946924490831228928.htm"
                           title="xss的利用" target="_blank">xss的利用</a>
                        <span class="text-muted">m0_73832254</span>
<a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>目录一、XSS的原理和分类二、常见的XSS标签和属性三、Xss漏洞分类1.反射性xss反射性XSS典型攻击场景基于URL参数的反射性XSS基于表单参数的反射性XSS利用HTML标签属性的反射性XSS2.存储型XSS存储型XSS的高频攻击场景社交平台评论区论坛发帖与私信系统电商平台商品描述3.基于DOM的XSS攻击原理剖析DOM型XSS典型攻击场景与案例基于URL参数的DOM型XSS基于localS</div>
                    </li>
                    <li><a href="/article/1946834728023814144.htm"
                           title="一文讲透HTML语义化标签" target="_blank">一文讲透HTML语义化标签</a>
                        <span class="text-muted"></span>

                        <div>文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎（SEO）的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义，使网页不仅对人类开发者可读，也能被搜索引擎、辅助技术等更好地理解和处理。例如，用表示页眉，表示独立内容区块，提升页面可访问性和SEO效果。HTML标签及其含</div>
                    </li>
                    <li><a href="/article/1943963776244051968.htm"
                           title="入门html这篇文章就够了" target="_blank">入门html这篇文章就够了</a>
                        <span class="text-muted">ξ流ぁ星ぷ132</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签，预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签：HTML5中的语义标签：特殊字符img标签a标签第一种用法：超链接第二种用法：锚点video标签表格标签：form标签input标签selec</div>
                    </li>
                    <li><a href="/article/1943444119258984448.htm"
                           title="构建“酒馆“主题网页：HTML基础教程" target="_blank">构建“酒馆“主题网页：HTML基础教程</a>
                        <span class="text-muted">Bobby陈兴博</span>

                        <div>本文还有配套的精品资源，点击获取简介：HTML是网页制作的基础，用于构建和设计网页内容。本文介绍了如何使用HTML标签和结构创建一个具有酒馆主题的网页，包括设置页面标题、布局、菜单、互动表单及图片展示。通过学习HTML元素的使用，可以掌握创建具有吸引力的在线体验的技术。1.HTML基础和页面结构在互联网的世界中，HTML（HyperTextMarkupLanguage）是构建网页的基石。它是超文本</div>
                    </li>
                    <li><a href="/article/1942983636076785664.htm"
                           title="Html+Css+JavaScript+Vue+Axios入门" target="_blank">Html+Css+JavaScript+Vue+Axios入门</a>
                        <span class="text-muted">chen_ever</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>一.HTMLHTML（HyperTextMarkupLanguage）是构建网页的基础语言，用于定义网页的结构和内容。以下介绍HTML的基本概念和用法。页面标题这是一级标题这是一个段落。声明文档类型为HTML5。标签是文档的根元素。包含元信息，如标题和CSS链接。包含可见的页面内容。常用HTML标签到：标题标签，数字越小级别越高。：段落标签。链接文本：超链接标签。：图像标签。和：无序列表。和：有序</div>
                    </li>
                    <li><a href="/article/1941862388479356928.htm"
                           title="css3:css的3种引入方式" target="_blank">css3:css的3种引入方式</a>
                        <span class="text-muted">ksw000</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>css基本知识你好！这是你第一次使用css所需要了解的知识点。如果你想学习如何使用css,可以仔细阅读这篇文章，了解一下css的基本语法知识。CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例：style属性的应用直接在HTML标签中设置的样式实际在写页面时不提倡使用，在测试的时候可以使用。行内样式LeapingAboveTheWater</div>
                    </li>
                    <li><a href="/article/1941861757425348608.htm"
                           title="简述：link与@import区别" target="_blank">简述：link与@import区别</a>
                        <span class="text-muted"></span>

                        <div>区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重高于@import的权重；link支持使用javascript改变样式（document.styleSheets），后者不可使用场</div>
                    </li>
                    <li><a href="/article/1941857720202227712.htm"
                           title="CSS02：四种CSS导入方式" target="_blank">CSS02：四种CSS导入方式</a>
                        <span class="text-muted">莓 有烦恼</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>CSS的4种导入方式Titleh1{color:green;}我是标题/*外部样式*/h1{color:yellow;}拓展：外部样式的两种写法链接式html导入式css2.1@importurl("css/style.css");基本区别从属关系：是HTML标签，不仅可以加载CSS文件，还可以定义RSS、rel连接属性等；而@import是CSS提供的语法规则，只能导入样式表1。加载顺序：在页面</div>
                    </li>
                    <li><a href="/article/1941658428384538624.htm"
                           title="LangChain4j如何自定义文档转换器实现数据清洗？" target="_blank">LangChain4j如何自定义文档转换器实现数据清洗？</a>
                        <span class="text-muted">古斯塔夫歼星炮</span>

                        <div>LangChain4j提供了3种RAG（Retrieval-AugmentedGeneration，检索增强生成）实现，我们通常在原生或高级的RAG实现中，要对数据进行清洗，也就是将外接知识库中的原数据进行噪音去除，留下有价值的信息。例如在带有HTML标签的文本中，HTML标签就是噪音，他对于搜索结果是没有任何帮助，甚至会影响查询结果的，因此我们就需要将HTML标签进行清除。那问题来了，怎么进行数</div>
                    </li>
                    <li><a href="/article/1941201574672003072.htm"
                           title="0基础学前端------DAY2" target="_blank">0基础学前端------DAY2</a>
                        <span class="text-muted">学代码的小前端</span>
<a class="tag" taget="_blank" href="/search/0%E5%9F%BA%E7%A1%80%E5%AD%A6%E5%89%8D%E7%AB%AF/1.htm">0基础学前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>0基础学前端------DAY1（续）视频参考：B站Pink老师HTML学习目标：1.能够说出标签的书写注意规范。2.能够写出HTML骨架标签。3.能够写出超链接标签。4.能够写出图片标签并说出alt和title的区别。5.能够说出相对路径的三种形式。1HTML基础1.1HTML语法规范1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如，我们成为双标签。标签中第一</div>
                    </li>
                    <li><a href="/article/1941152291386093568.htm"
                           title="面试版-前端开发核心知识" target="_blank">面试版-前端开发核心知识</a>
                        <span class="text-muted"></span>

                        <div>一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无</div>
                    </li>
                    <li><a href="/article/1941007929670955008.htm"
                           title="PHP基本语法（基础篇）" target="_blank">PHP基本语法（基础篇）</a>
                        <span class="text-muted"></span>

                        <div>PHP脚本可以放在服务器上执行，然后将纯HTML结果发送回浏览器PHP是一门弱类型语句1、php标记PHP脚本可以放在文档的任何位置，以结束：php文件默认文件扩展名“.php”PHP文件通常包含HTML标签和一些PHP脚本代码,例如：myfirstphppage如果文件是纯PHP代码，最好在文件末尾删除PHP结束标记有两种在浏览器输出文本的指令：echo和print2、指令分隔符每个语句后用分号</div>
                    </li>
                    <li><a href="/article/1940489139090681856.htm"
                           title="＜电子幽灵＞前端第一件：HTML基础笔记下" target="_blank">＜电子幽灵＞前端第一件：HTML基础笔记下</a>
                        <span class="text-muted">靈镌sama</span>
<a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%B9%BD%E7%81%B5%E9%9A%8F%E6%89%8B%E8%AE%B0/1.htm">电子幽灵随手记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
                        <div>HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以</div>
                    </li>
                    <li><a href="/article/1940452939948683264.htm"
                           title="Vue 3 中 h 方法详解" target="_blank">Vue 3 中 h 方法详解</a>
                        <span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。一、引入h方法import{h}from"vue";constMyComponent={render(){returnh("div","Hello,Vue3!");},};二、语法h(type,props?,children?)1.type必填参数，表示要创建的节点类型。字符串：表示HTML标签名，如'div'、'</div>
                    </li>
                    <li><a href="/article/1940429111986024448.htm"
                           title="在 Vue 中使用 jQuery-UI 的踩坑记" target="_blank">在 Vue 中使用 jQuery-UI 的踩坑记</a>
                        <span class="text-muted">qmzhna_</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a>
                        <div>在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ</div>
                    </li>
                    <li><a href="/article/1940261669175357440.htm"
                           title="Vue实例及组件" target="_blank">Vue实例及组件</a>
                        <span class="text-muted">Yannick_H</span>
<a class="tag" taget="_blank" href="/search/Y-Y%E6%BB%B4%E5%89%8D%E7%AB%AF%E6%97%A5%E5%BF%97/1.htm">Y-Y滴前端日志</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5%EF%BC%88%E7%AC%94%E8%AE%B0%EF%BC%89/1.htm">基本概念（笔记）</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、表单数据的双向绑定三、Vue组件的样式绑定1.为HTML标签绑定class属性（1）绑定class属性，由绑定变量来决定应用哪个样式（2）可以将样式直接设置成Vue组件中的数据对象2.绑定内联样式四</div>
                    </li>
                    <li><a href="/article/1940035470838788096.htm"
                           title="IDE：vscode常用插件" target="_blank">IDE：vscode常用插件</a>
                        <span class="text-muted">十秒耿直拆包选手</span>
<a class="tag" taget="_blank" href="/search/IDE%26amp%3BOS/1.htm">IDE&amp;OS</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
                        <div>BetterComments一款美化注释的插件，可以根据不同种类的注释，显示不同的颜色，一目了然。BracketPairColorizer/BracketPairColorizer2这是一个找对象的插件，不是帮你们找对象啊，是帮你找到括号的另一半。HighlightMatchingTag这也是一个找对象的插件，找的是标签的对象，看我上一个插件的演示图片中，当我点击一下html标签，配对的标签就会出</div>
                    </li>
                    <li><a href="/article/1936071300871155712.htm"
                           title="Vue-10-前端框架Vue之应用基础标签的ref属性和TS中的接口泛型自定义类型" target="_blank">Vue-10-前端框架Vue之应用基础标签的ref属性和TS中的接口泛型自定义类型</a>
                        <span class="text-muted">皮皮冰燃</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>文章目录1html标签1.1App.vue1.1.1App.vue(vue2语法)1.1.2App.vue(vue3语法)1.2Person.vue1.3问题复现(App.vue)1.4解决方案(ref属性)1.4.1App.vue1.4.2Person.vue2组件标签2.1App.vue2.2Person.vue3TypeScript语法3.1接口3.1.1types/index.ts3.1.</div>
                    </li>
                    <li><a href="/article/1935936541977276416.htm"
                           title="html标签之form表单标签，用于数据提交" target="_blank">html标签之form表单标签，用于数据提交</a>
                        <span class="text-muted">网小鱼的学习笔记</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>table表单用户注册表单用户注册用户名:密码:性别:男女爱好:篮球足球游泳健身学历:专科本科研究生博士烈士照片:个人简介:结果展示</div>
                    </li>
                    <li><a href="/article/1935735073672327168.htm"
                           title="2024-2025学年度下期《网页设计》期末模拟测试" target="_blank">2024-2025学年度下期《网页设计》期末模拟测试</a>
                        <span class="text-muted">梅洪</span>
<a class="tag" taget="_blank" href="/search/%E8%80%83%E8%AF%95/1.htm">考试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>一、单选题1.HTML文档的根标签是()A.B.C.D.2.用于定义段落内容的标签是：()A.B.C.D.3.网以下哪个属性用于定义CSS内联样式()A.classB.idC.styleD.src4.插入图片的正确HTML标签是：()A.B.C.D.5.以下哪个标签用于水平分隔线?()A.B.C.D.6.默认情况下，的字体大小比()A.大B.小C.相同D.无法比较7.CSS中设置字体颜色的属性是：</div>
                    </li>
                    <li><a href="/article/1935344603205005312.htm"
                           title="Vue.js 中的 h() 渲染函数：深入解析与应用" target="_blank">Vue.js 中的 h() 渲染函数：深入解析与应用</a>
                        <span class="text-muted">代码简单说</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%BF%85%E5%A4%87/1.htm">开发必备</a><a class="tag" taget="_blank" href="/search/2025%E5%BC%80%E5%8F%91%E5%BF%85%E5%A4%87%28%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%29/1.htm">2025开发必备(限时特惠)</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%B8%B2%E6%9F%93%E5%87%BD%E6%95%B0/1.htm">渲染函数</a>
                        <div>引言在Vue.js框架中，h()函数是一个强大的工具，它允许开发者以编程方式创建虚拟DOM节点（VNodes）。这种能力不仅提供了灵活性，还有助于优化性能。本文将深入探讨h()函数的使用方法，并展示其在实际项目中的应用场景。一、h()渲染函数基础1.1语法概览h()函数接受三个参数，后两个参数是可选的：type：要创建的节点类型，可以是HTML标签、组件或函数式组件。props：节点的属性对象，包</div>
                    </li>
                    <li><a href="/article/1935342459873718272.htm"
                           title="Vue3 渲染函数 API（五）" target="_blank">Vue3 渲染函数 API（五）</a>
                        <span class="text-muted">**之火</span>
<a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a>
                        <div>h()h函数用于创建并返回一个虚拟节点（VNode）h(tag,//HTML标签名、组件对象或异步组件函数data,//一个包含组件的props/attrs/domProps/on等的对象children//子虚拟节点(VNodes)，由h()构建而成，//也可以使用字符串来生成“文本虚拟节点”)import{h,createApp}from'vue'constMyComponent={rende</div>
                    </li>
                                <li><a href="/article/50.htm"
                                       title="java封装继承多态等" target="_blank">java封装继承多态等</a>
                                    <span class="text-muted">麦田的设计者</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/encapsulatopn/1.htm">encapsulatopn</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。 
&nbsp;&nbsp;&nbsp; 1、final关键字 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 译为：最终的 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&</div>
                                </li>
                                <li><a href="/article/177.htm"
                                       title="F5与集群的区别" target="_blank">F5与集群的区别</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似</div>
                                </li>
                                <li><a href="/article/304.htm"
                                       title="LeetCode[Math] - #7 Reverse Integer" target="_blank">LeetCode[Math] - #7 Reverse Integer</a>
                                    <span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
                                    <div>原题链接：#7 Reverse Integer 
&nbsp; 
要求： 
按位反转输入的数字 
例1： 输入 x = 123, 返回 321 
例2： 输入 x = -123, 返回 -321 
&nbsp; 
难度：简单 
&nbsp; 
分析： 
对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但</div>
                                </li>
                                <li><a href="/article/431.htm"
                                       title="BufferedOutputStream" target="_blank">BufferedOutputStream</a>
                                    <span class="text-muted">周凡杨</span>

                                    <div>&nbsp;&nbsp;&nbsp;&nbsp; 首先说一下这个大批量，是指有上千万的数据量。 
&nbsp;&nbsp;&nbsp;&nbsp; 例子： 
&nbsp;&nbsp;&nbsp;&nbsp; 有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ 
&nbsp;&nbsp;&nbsp;&nbsp; select t.msisd</div>
                                </li>
                                <li><a href="/article/558.htm"
                                       title="linux下模拟按键输入和鼠标" target="_blank">linux下模拟按键输入和鼠标</a>
                                    <span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 
设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键 模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 
 
linux/in</div>
                                </li>
                                <li><a href="/article/685.htm"
                                       title="ContentProvider初体验" target="_blank">ContentProvider初体验</a>
                                    <span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/ContentProvider/1.htm">ContentProvider</a>
                                    <div>ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。 
在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。 
如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte</div>
                                </li>
                                <li><a href="/article/812.htm"
                                       title="关于Spring MVC项目（maven）中通过fileupload上传文件" target="_blank">关于Spring MVC项目（maven）中通过fileupload上传文件</a>
                                    <span class="text-muted">843977358</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%A4%B4%E5%83%8F/1.htm">修改头像</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/upload/1.htm">upload</a>
                                    <div>Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。 
&nbsp; 
1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 
因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定） 
&lt;!-- 文件上传 start by zhangyd-c --&g</div>
                                </li>
                                <li><a href="/article/939.htm"
                                       title="使用svnkit api，纯java操作svn，实现svn提交，更新等操作" target="_blank">使用svnkit api，纯java操作svn，实现svn提交，更新等操作</a>
                                    <span class="text-muted">aigo</span>
<a class="tag" taget="_blank" href="/search/svnkit/1.htm">svnkit</a>
                                    <div>&nbsp;原文：http://blog.csdn.net/hardwin/article/details/7963318 
&nbsp; 
import java.io.File;  
  
import org.apache.log4j.Logger;  
import org.tmatesoft.svn.core.SVNCommitInfo;  
import org.tmateso</div>
                                </li>
                                <li><a href="/article/1066.htm"
                                       title="对比浏览器，casperjs，httpclient的Header信息" target="_blank">对比浏览器，casperjs，httpclient的Header信息</a>
                                    <span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/crawler/1.htm">crawler</a><a class="tag" taget="_blank" href="/search/header/1.htm">header</a>
                                    <div>		@Override
		protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException
		{
			String type=req.getParameter(&quot;type&quot;);
			Enumeration es=re</div>
                                </li>
                                <li><a href="/article/1193.htm"
                                       title="java.io操作 DataInputStream和DataOutputStream基本数据流" target="_blank">java.io操作 DataInputStream和DataOutputStream基本数据流</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B5%81/1.htm">流</a>
                                    <div>1，java中如果不保存整个对象，只保存类中的属性，那么我们可以使用本篇文章中的方法，如果要保存整个对象 &nbsp;先将类实例化 &nbsp;后面的文章将详细写到 
&nbsp; 
&nbsp; 
2，DataInputStream 是java.io包中一个数据输入流允许应用程序以与机器无关方式从底层输入流中读取基本 Java 数据类型。应用程序可以使用数据输出流写入稍后由数据输入流读取的数据。</div>
                                </li>
                                <li><a href="/article/1320.htm"
                                       title="车辆保险理赔案例" target="_blank">车辆保险理赔案例</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%A6%E9%99%A9/1.htm">车险</a>
                                    <div>理赔案例： 
一货运车，运输公司为车辆购买了机动车商业险和交强险，也买了安全生产责任险，运输一车烟花爆竹，在行驶途中发生爆炸，出现车毁、货损、司机亡、炸死一路人、炸毁一间民宅等惨剧，针对这几种情况，该如何赔付。 
赔付建议和方案： 
客户所买交强险在这里不起作用，因为交强险的赔付前提是：“机动车发生道路交通意外事故”； 
如果是交通意外事故引发的爆炸，则优先适用交强险条款进行赔付，不足的部分由商业</div>
                                </li>
                                <li><a href="/article/1447.htm"
                                       title="学习Spring必学的Java基础知识(5)—注解" target="_blank">学习Spring必学的Java基础知识(5)—注解</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; 文章来源：http://www.iteye.com/topic/1123823，整理在我的博客有两个目的：一个是原文确实很不错，通俗易懂，督促自已将博主的这一系列关于Spring文章都学完；另一个原因是为免原文被博主删除，在此记录，方便以后查找阅读。 
&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;有必要对</div>
                                </li>
                                <li><a href="/article/1574.htm"
                                       title="【Struts2一】Struts2 Hello World" target="_blank">【Struts2一】Struts2 Hello World</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a>
                                    <div>Struts2 Hello World应用的基本步骤 
创建Struts2的Hello World应用，包括如下几步： 
1.配置web.xml 
2.创建Action 
3.创建struts.xml，配置Action 
4.启动web server，通过浏览器访问 
&nbsp; 配置web.xml 
&lt;?xml version=&quot;1.0&quot; encoding=&quot</div>
                                </li>
                                <li><a href="/article/1701.htm"
                                       title="【Avro二】Avro RPC框架" target="_blank">【Avro二】Avro RPC框架</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
                                    <div>1. Avro RPC简介 1.1. RPC 
 
 RPC逻辑上分为二层，一是传输层，负责网络通信；二是协议层，将数据按照一定协议格式打包和解包 
 从序列化方式来看，Apache Thrift 和Google的Protocol Buffers和Avro应该是属于同一个级别的框架，都能跨语言，性能优秀，数据精简，但是Avro的动态模式（不用生成代码，而且性能很好）这个特点让人非常喜欢，比较适合R</div>
                                </li>
                                <li><a href="/article/1828.htm"
                                       title="lua　set get cookie" target="_blank">lua　set get cookie</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/lua+cookie/1.htm">lua cookie</a>
                                    <div>lua:
local access_token = ngx.var.cookie_SGAccessToken
if access_token then
    ngx.header[&quot;Set-Cookie&quot;] = &quot;SGAccessToken=&quot;..access_token..&quot;; path=/;Max-Age=3000&quot;
end</div>
                                </li>
                                <li><a href="/article/1955.htm"
                                       title="java-打印不大于N的质数" target="_blank">java-打印不大于N的质数</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>

public class PrimeNumber {

	/**
	 * 寻找不大于N的质数
	 */
	public static void main(String[] args) {
		int n=100;
		PrimeNumber pn=new PrimeNumber();
		pn.printPrimeNumber(n);
		System.out.print</div>
                                </li>
                                <li><a href="/article/2082.htm"
                                       title="Spring源码学习-PropertyPlaceholderHelper" target="_blank">Spring源码学习-PropertyPlaceholderHelper</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>今天在看Spring 3.0.0.RELEASE的源码，发现PropertyPlaceholderHelper的一个bug 
当时觉得奇怪，上网一搜，果然是个bug，不过早就有人发现了，且已经修复： 
详见： 
http://forum.spring.io/forum/spring-projects/container/88107-propertyplaceholderhelper-bug 
 
</div>
                                </li>
                                <li><a href="/article/2209.htm"
                                       title="[逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么?" target="_blank">[逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么?</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E6%8B%93%E6%89%91/1.htm">拓扑</a>
                                    <div> 
&nbsp;&nbsp; 如果我们已经在一个工作流的节点中嵌入了可以进行逻辑推理的代码,那么成百上千个这样的节点如果组成一个拓扑网络,而这个网络是可以自动遍历的,非线性的拓扑计算模型和节点内部的布尔逻辑处理的结合,会产生什么样的结果呢? 
 
&nbsp;&nbsp; 是否可以形成一种新的模糊语言识别和处理模型呢?&nbsp; 大家有兴趣可以试试,用软件搞这些有个好处,就是花钱比较少,就算不成</div>
                                </li>
                                <li><a href="/article/2336.htm"
                                       title="ITEYE 都换百度推广了" target="_blank">ITEYE 都换百度推广了</a>
                                    <span class="text-muted">cuisuqiang</span>
<a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/AdSense/1.htm">AdSense</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6%E6%8E%A8%E5%B9%BF/1.htm">百度推广</a><a class="tag" taget="_blank" href="/search/%E5%B9%BF%E5%91%8A/1.htm">广告</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E5%BF%AB/1.htm">外快</a>
                                    <div>以前ITEYE的广告都是谷歌的Google AdSense，现在都换成百度推广了。 
&nbsp; 
为什么个人博客设置里面还是Google AdSense呢？ 
&nbsp; 
都知道Google AdSense不好申请，这在ITEYE上也不是讨论了一两天了，强烈建议ITEYE换掉Google AdSense。至少，用一个好申请的吧。 
&nbsp; 
什么时候能从ITEYE上来点外快，哪怕少点</div>
                                </li>
                                <li><a href="/article/2463.htm"
                                       title="新浪微博技术架构分析" target="_blank">新浪微博技术架构分析</a>
                                    <span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A/1.htm">新浪微博</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
                                    <div>新浪微博在短短一年时间内从零发展到五千万用户，我们的基层架构也发展了几个版本。第一版就是是非常快的，我们可以非常快的实现我们的模块。我们看一下技术特点，微博这个产品从架构上来分析，它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式，假如说我们一个明星用户他有10万个粉丝，那就是说用户发表一条微博的时候，我们把这个微博消息攒成10万份，这样就是很简单了，第一版的架构实际上就是这两行字。第</div>
                                </li>
                                <li><a href="/article/2590.htm"
                                       title="玩转ARP攻击" target="_blank">玩转ARP攻击</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/r/1.htm">r</a>
                                    <div>我写这片文章只是想让你明白深刻理解某一协议的好处。高手免看。如果有人利用这片文章所做的一切事情，盖不负责。&nbsp;网上关于ARP的资料已经很多了，就不用我都说了。 用某一位高手的话来说，“我们能做的事情很多，唯一受限制的是我们的创造力和想象力”。&nbsp;ARP也是如此。&nbsp;以下讨论的机子有&nbsp;一个要攻击的机子：10.5.4.178&nbsp;硬件地址：52:54:4C:98</div>
                                </li>
                                <li><a href="/article/2717.htm"
                                       title="PHP编码规范" target="_blank">PHP编码规范</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">编码规范</a>
                                    <div>一、文件格式 
1. 对于只含有&nbsp;php&nbsp;代码的文件，我们将在文件结尾处忽略掉&nbsp;&quot;?&gt;&quot;&nbsp;。这是为了防止多余的空格或者其它字符影响到代码。例如：&lt;?php$foo&nbsp;=&nbsp;'foo';2. 缩进应该能够反映出代码的逻辑结果，尽量使用四个空格，禁止使用制表符TAB，因为这样能够保证有跨客户端编程器软件的灵活性。例</div>
                                </li>
                                <li><a href="/article/2844.htm"
                                       title="linux 脱机管理（nohup）" target="_blank">linux 脱机管理（nohup）</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/linux+nohup/1.htm">linux nohup</a><a class="tag" taget="_blank" href="/search/nohup/1.htm">nohup</a>
                                    <div>脱机管理 nohup 
转载请出自出处：http://eksliang.iteye.com/blog/2166699 
nohup可以让你在脱机或者注销系统后，还能够让工作继续进行。他的语法如下 
nohup [命令与参数]   --在终端机前台工作
nohup [命令与参数] &amp; --在终端机后台工作 
&nbsp; 
但是这个命令需要注意的是，nohup并不支持bash的内置命令，所</div>
                                </li>
                                <li><a href="/article/2971.htm"
                                       title="BusinessObjects Enterprise Java SDK" target="_blank">BusinessObjects Enterprise Java SDK</a>
                                    <span class="text-muted">greemranqq</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/SAP/1.htm">SAP</a><a class="tag" taget="_blank" href="/search/Crystal+Reports/1.htm">Crystal Reports</a>
                                    <div>最近项目用到oracle_ADF &nbsp;从SAP/BO 上调用 水晶报表，资料比较少，我做一个简单的分享，给和我一样的新手 提供更多的便利。 
&nbsp; 
首先，我是尝试用JAVA JSP 去访问的。 
&nbsp; 
官方API：http://devlibrary.businessobjects.com/BusinessObjectsxi/en/en/BOE_SDK/boesdk_ja</div>
                                </li>
                                <li><a href="/article/3098.htm"
                                       title="系统负载剧变下的管控策略" target="_blank">系统负载剧变下的管控策略</a>
                                    <span class="text-muted">iamzhongyong</span>
<a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a>
                                    <div>假如目前的系统有100台机器，能够支撑每天1亿的点击量（这个就简单比喻一下），然后系统流量剧变了要，我如何应对，系统有那些策略可以处理，这里总结了一下之前的一些做法。 
1、水平扩展 
这个最容易理解，加机器，这样的话对于系统刚刚开始的伸缩性设计要求比较高，能够非常灵活的添加机器，来应对流量的变化。 
2、系统分组 
假如系统服务的业务不同，有优先级高的，有优先级低的，那就让不同的业务调用提前分组</div>
                                </li>
                                <li><a href="/article/3225.htm"
                                       title="BitTorrent DHT 协议中文翻译" target="_blank">BitTorrent DHT 协议中文翻译</a>
                                    <span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/bit/1.htm">bit</a>
                                    <div>前言 
做了一个磁力链接和BT种子的搜索引擎&nbsp;{Magnet &amp; Torrent}，因此把&nbsp;DHT&nbsp;协议重新看了一遍。 
 
 BEP: 5Title: DHT ProtocolVersion: 3dec52cb3ae103ce22358e3894b31cad47a6f22bLast-Modified: Tue Apr 2 16:51:45 2013 -070</div>
                                </li>
                                <li><a href="/article/3352.htm"
                                       title="Ubuntu下Java环境的搭建" target="_blank">Ubuntu下Java环境的搭建</a>
                                    <span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a>
                                    <div>配置命令： 
　　$sudo apt-get install ubuntu-restricted-extras 
　　再运行如下命令： 
　　$sudo apt-get install sun-java6-jdk 
　　待安装完毕后选择默认Java. 
　　$sudo update- alternatives --config java 
　　安装过程提示选择，输入“2”即可，然后按回车键确定。 </div>
                                </li>
                                <li><a href="/article/3479.htm"
                                       title="js字符串转日期（兼容IE所有版本）" target="_blank">js字符串转日期（兼容IE所有版本）</a>
                                    <span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/TO/1.htm">TO</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/String/1.htm">String</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a>
                                    <div>	/**
	 * 字符串转时间（yyyy-MM-dd HH:mm:ss）
	 * result （分钟）
	 */
	stringToDate : function(fDate){
		var fullDate = fDate.split(&quot; &quot;)[0].split(&quot;-&quot;);
		var fullTime = fDate.split(&quot</div>
                                </li>
                                <li><a href="/article/3606.htm"
                                       title="【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析" target="_blank">【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析</a>
                                    <span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E8%81%94%E8%A7%84%E5%88%99/1.htm">关联规则</a>
                                    <div>关联规则挖掘用于寻找给定数据集中项之间的有趣的关联或相关关系。 
关联规则揭示了数据项间的未知的依赖关系，根据所挖掘的关联关系，可以从一个数据对象的信息来推断另一个数据对象的信息。 
例如购物篮分析。牛奶 ⇒&nbsp;面包 [支持度：3%，置信度：40%]  支持度3%：意味3%顾客同时购买牛奶和面包。   置信度40%：意味购买牛奶的顾客40%也购买面包。   规则的支持度和置信度是两个规则兴</div>
                                </li>
                                <li><a href="/article/3733.htm"
                                       title="Spring 5.0 的系统需求，期待你的反馈" target="_blank">Spring 5.0 的系统需求，期待你的反馈</a>
                                    <span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp;Spring 5.0将在2016年发布。Spring5.0将支持JDK 9。 
&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp;Spring 5.0的特性计划还在工作中，请保持关注，所以作者希望从使用者得到关于Spring 5.0系统需求方面的反馈。 
&nbsp;</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>