HTML页面元素和属性

1.全局属性

全局属性：对于任何一个元素都是可以使用的属性

1.hidden属性：是布尔属性，规定元素仍未或不在相关，浏览器不应显示已规定hidden属性的元素，也可用于防止用户查看，直到匹配某些条件（比如选择了某个复选框）。JavaScript可以删除hidden属性，使此元素可见。

    语法格式：hidden属性必须定义为

2.spellcheck属性：规定是否对元素进行拼写和语法检查，错误下出现红线。一般在html可编辑的情况下才有意义。                                

   语法格式：

3.contentEditable属性：规定是否允许用户编辑内容，可使除input、textarea之外的div、table、p、span、body等元素输入内容。

   语法格式：

4.contextmenu属性：规定元素上下文菜单

   语法格式：

    
    


        
        

            
列表1
            
列表2
            
列表3
        

        
        

        
        

        
        hello
        hello
        hello
        
        

            
1
            
2
            
3
        

2.结构元素

1.article元素

    
    


        

            

                
hello
                
这是头部
            
                

            
                

                    作者
                
                
评论
                

                    时间
                
            
            

                
这是底部
            
        

        
        

            
这是一个内嵌页面
            
        

2.section元素

    
    


        

            
标题
            
这是一个section
        

        

            
水果
            
这是一个水果
            

                
香蕉
                
这是一个香蕉
            
            

                
橘子
                
这是一个橘子
            
        

        
        

            

                
香蕉
                
这是一个香蕉
            
            

                
香蕉
                
这是一个香蕉
            
            

                
香蕉
                
这是一个香蕉
            
        

3.nav元素、aside元素

    
    


        

            

                
主页
                
文档
                
相册
            
        


        

            

                

                    

                        
主页
                        
文档
                        
相册
                    
                
            
            

                
dndinaind
                
oijdaosdjoad
            
            

                
dndinaind
                
oijdaosdjoad
            
            

                删除
                修改
            
        

    
版权声明



    

        

            
2018-11-26
            
这是评论内容
        
    

4.header元素、footer元素、hgroup元素、address元素

    
    


        

            
表示网页的作者，一般放在网页头部或尾部，放在articl中表示文章的作者
        

        
一个页面可有任意数量的header或footer可单独出现，也可包含在article或section中
        


            

                
大标题
                
这是一个子标题
            


            
header中至少有一个hi标签
            百度
            

                

                    
导航1
                    
导航2
                    
导航3
                
            
        

        

            

                

                

                

            
        

5.CSS页面布局案例

    
    
    





    
邱华杰的博客
    
首页   博文   相册   个人档案


        

            
班级
            

                1620
            

            
编辑于2018.9

        
    
简介
        
班级和学号
都已显示
    

        

            
学号
            

                2016006194
            
            
编辑于2018.9

        


        
版权所有2018

#wrap{

    width:980px;
    height:800px;
    border:3px solid gray;
    border-radius:10px;
    margin:5px auto;
}

header{
    width:980px;
    height:50px;
    text-align:center;
    margin:20px auto;
}

nav{
    color: 	#D3D3D3;
    width:980px;
    height:50px;
    text-indent:24px;
    border-top:1px solid blue;
    border-bottom:1px solid black;
    margin:20px auto;
    background:#00BBFF;
    padding: 2px 2px;
}

article{
    width:560px;
    height:200px;
    text-indent:24px;
    border:1px solid blue;
    margin:10px 20px;
    padding: 10px 5px;
    float:left;

}

section{
    width:520px;
    height:100px;
    border-top:1px dashed blue;
    border-bottom:2px solid blue;
    margin:10px 20px;
    text-indent:24px;
    float:left;
}

aside{
    width:300px;
    height:300px;
    border:1px solid gray;
    margin:auto;
    padding: 10px 5px;
    float:right;
    background:#DDDDDD;
    text-indent:24px;
}

footer{
    color: 	#C0C0C0;
    width:950px;
    height:150px;
    border-top:1px solid blue;
    clear:both;
    margin:20px auto;
    text-align:center;
    text-indent:24px;

}

 

6.文本层次语义

    
    


    shijian
    shijian


    

        

            
iphoe
            
发布时间
            shijian
            
            
结束时间
            shijian