HTML（5）基础

摘要：浏览器不支持该标签。标识缩小文本，以缩小效果显示。并不是所有的连接组都要放进元素，只需要将主要的基本的连接组放进元素即可。元素用来表示当前页面或文章的附属信息部分。

 1、html常用标签

• </>复制代码 
  ...

  ：标识预定义文本
• 是anchor的缩写，标签定义锚点和超链接，常与href属性连用表示超链接连接地址并用target来表示打开文档的方法：_blank表示在新窗口中打开、_parent表示在父窗口中打开、_self表示在当前窗口中打开文档， _top表示在顶层窗口中打开文档
• em表示小强调，以斜体显示；strong为着重强调，以粗体显示
• abbr表示简称如dfn表示Definesa Definition Term;samp是Sample；acronym表示首字母缩写如CSS是Cascading Style Sheets的缩写

</>复制代码 
  
  
  
  
  

5、一般一个网页只有一个一级标题。h1、h2和h3元素比较常用，h4元素偶尔使用，h5和h6元素基本上不被使用

6、 引用blockquote、cite和q

•   blockquote常用来作大段引用，一般不直接包含内容，引用的内容必须包含在一个元素中，可以与cite联合使用，此时，cite属性指定引文的地址
•   q元素可直接包含引文内容，显示效果为外加“”
•   cite也可与q元素通用，但不能与元素同用，显示效果为斜体

</>复制代码 
http://article.hongxiu.com/a/2007-1-26/1674332.shtml  

7、address表示地址、签名、作者和文档摘要

</>复制代码 
  
张三
  
中国北京
  
HTML元素的语义特征及其表现

8、列表应该是同类、同型或同质信息的排列和组合

9、table属性summary属性表示表格摘要，不会显示，仅是为语音合成，非视觉浏览器或机器定义的。

</>复制代码 


    
    
    
    
   
        
            排名
            校名
            总得分
            人才培养
            科学研究
            分省排名
            学校类型
        
        
            得分
            研究生培养
            本科生培养
            得分
            自然科学研究
            社会科学研究
        
    

10、form元素

•   enctype是Encase Type（包装类型）的简称
•   enctype="application/x-www-form-urlencoded"：将表单中的数据编码为名/值对的形式通过URL字符串的形式发送给服务器
•   enctype="multipart/form-data"：将表单中的数据编码为一条消息，每个表单域对应消息中的一个部分，然后通过http方式发送到服务器，使用这种方式一般常用来传递二进制信息，例如，使用表单进行  文件上传、提交图像等。
•  enctype="text/plain"：将表单中的数据以纯文本的形式进行编码，其中不含任何空间（即表单域的名称）的格式字符。这种方法一般很少使用，也不建议使用。
•  get和post传递方法：get以ADCII字符通过URL地址栏传递，不够安全，且受地址栏长度的影响，传输数据量有限；post方法则没有字符集和容量大小的限制，且比较安全。

11、input元素

•   复选框包括value属性和checked属性，value属性设置复选框的传递值，checked属性设置默认选中状态
•   单选按钮多个name属性值必须相同，因为单选按钮实质上仅是一个开关，只有两个值，true和false，服务器仅把单选按钮的值作为一个逻辑值来处理
•   type="file"当表单域包含file域时，必须设置method属性为post且enctype="multipart/form-data"，否则提交操作将失败
•   type="image"图像按钮，它是普通按钮的自定义样式。src指定图像URL，该按钮没有动作，需要通过脚本形式为其定义操作的动作
•   type="button"普通按钮，没有动作，需要通过脚本为其定义动作

12、表单分组：legend元素必须包含在fieldset元素内部，且紧邻fieldset元素。

</>复制代码 
    
    
基本信息（必填）
    
        
用户名
            注册用户名长度限制为3～12字节
        
论坛密码
    
    
    
    
参考资料（选填）
    
        
个人网址
        
QQ号码
            填写您的QQ号码，方便与他人的联系 
    
    
    

13、绑定标签和定义键盘属性

</>复制代码 
        
            用户名
            
            注册用户名长度限制为3～12字节
        

14、select选项分区

</>复制代码 
    
                                1            2                                    a            b                    
        
    

15、元素显示类型

•   块状显示
  •   第一：块状元素默认宽度都是100%，即块状元素会挤满一行显示
  •   第二：块状元素的头尾都会隐藏一个换行符，即块状元素前面和后面都不能再有其它块状元素和行内元素，也就是每个块状元素都多带带在新行显示
•   行内显示
  •   第一：行内元素没有高度和宽度，即使为它定义高度，浏览器也不会解析
  •   第二：行内元素的呈现效果与块状元素存在很大差异，这不仅仅体现在宽度和高度方面，它们可以并列显示，随行移动
•   行内块状显示
  •   行内块状显示是行内显示和块状显示的结合，拥有各自优势，但必须通过CSS样式申明，即元素不会默认显示为行内块状元素
•   表格显示和列表显示都是一种有其自身特点的块状元素

16、块状元素

•   html、body、form、fieldset、legend、div、p、h1~h6、ol、ul、ol、dl、dt、dd、menu、col、colgroup、pre、address、blockquote、hr、title

       行内元素

•   span、a、area、img、abbr、acronym、b、bdo、big、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、sub、sup、tt、u、var、strong、button、select、textarea、label、object、caption、noscript

       标头区域隐藏元素

•   head、base、basefont、link、meta、script、style

       行内块状元素

•   input、optgroup、option

       列表项元素

•   li

      结构内隐藏元素

•   map、param、br

      表格系列类型元素

•   table、th、tr、caption、summary、tbody、thead、tfoot、td

17、结构嵌套规则

•   元素名称必须小写
•   块状元素可以包含行内元素，但是行内元素不能包含块状元素，只有ins和des两个特殊的行内元素可以包含块状元素或行内元素
•   scrpt元素既能包含在head元素中也能包含在body元素中，而style元素只能包含在head元素中
•   p和h1~h6可以直接包含行内元素和纯文本内容而不能直接包含块状元素，但可以间接包含块状元素
•   ul和ol只能直接包含li元素，但是li元素可以包含任何其它元素
•   dl只能直接包含dt和dd元素，但dt元素只能包含行内元素，不能包含任何块状元素，而dd元素可以包含任何元素
•   form只能直接包含块状元素，input是行内元素，因此form不能直接包含input元素
•   caption只能包含行内元素，而th和td能包含任何元素

18、局部结构的设计中尽量避免使用ID

•   第一：局部结构一般多使用语义性标签，定义ID意义不打
•   第二：局部结构可能会出现很多重复的结构，定义ID容易引发冲突
•   第三：如果要控制局部结构的样式，可以使用包含选择符来精确控制文档结构

19、HTML5语法是为了保证和之前的html语法达到最大程度的兼容而设计的。

• 文档类型声明统一定义为
• meta元信息可以简化为

• 可以省略标记的元素
  •   第一：不允许写结束标记的元素有area、base、br、col、command、embed、hr、img、input、keygen、link、param、source、track、wbr
  •   第二：可以省略结束标记的元素有li、dd、dt、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th
  •   第三：可以省略全部标记的元素有html、head、body、colgroup、tbody
• 具有布尔值的属性

• 省略引号 20、html5把元素分为六大类
  •   内嵌：在文档中添加其它类型的内容，如audio、video、canvas、和iframe等
  •   流：在文档和引用的body中使用的元素，如form、p和div等
  •   标题：段落标题，如h1、h2和hgroup等
  •   交互：与用户交互的内容，如音频和视频的控件、button和textarea等
  •   元素据：通常出现在页面的head中，设置页面其它部分的表现和行为，如script、style和title等
  •   短语：文本和文本结束标记，如mark、kbd、sub和sup等

    21、div、section和article

  • div元素关注结构的独立性，常作为一个容器布局大块。
  • article元素代表文档、页面或者应用程序中独立完整的可以被外部引用的内容。
  • section元素用于对网站或者应用程序中页面上的内容进行分块。通常section元素用于对那些有标题的内容进行分段
  • article可以看做特殊的section，article元素更强调独立性、完整性，section更强调相关性。而section元素关注内容的独立性，section元素包含的内容可以多带带存储在数据库中或输出到word文档中。

  22、nav和aside

  • nav元素是一个可以用作页面导航的连接组。并不是所有的连接组都要放进nav元素，只需要将主要的、基本的连接组放进nav元素即可。
  • aside元素用来表示当前页面或文章的附属信息部分。

  不要为没有标题的内容使用section元素，但是nav元素和aside元素没有标题是合理的。