深入理解HTML5
admin
2023-01-30 07:47:07
0次

1.accesskey,tabindex

   

 Google

    请使用 Alt + accessKey 来访问带有快捷键的元素。

W3School
Google
Microsoft

    按tab键一次访问


2.title

 asdfasdf

深入理解HTML5


3.hidden

   

 asdfasdf

    等同于 display:none,省去CSS遍历页面


    js:element.hidden = true;




4.dir

   

Write this text right-to-left!

    文档流从右向左排





5.manifest

   离线缓存!!





6.base

   


    a指向http://a/b




7.    事实上,如果你的JavaScript以及HTML结构设计的合理,那么90%的情况下你的Script元素可以使用异步加载。 defer - HTML属性 Safari 浏览器额外添加了defer属性 [html] view plaincopy       async 与 defer 的差别 WebKit官方博客 很好地解释了async 与 defer 的不同 ------------------------------------ 正常情况下,当浏览器在解析HTML源文件时如果遇到外部的script,那么解析过程会暂停,并发送请求来下载script文件,只有script完全下载并执行后才会继续执行DOM解析。比如: 在下载过程中浏览器是被阻止做其他有用的工作的,包括 解析HTML,执行其他脚本,以及展示CSS布局。虽然Webkit预加载扫描程序可以探测性地在下载阶段进行多线程下载,但是某些页面仍然存在很大的网络延迟。 当前有很多技术来提升页面显示速度,但都需要额外的代码以及针对特定浏览器的技巧。现在,script可以通过添加async或者defer属性来让脚本不必同步执行,示例如下: [html] view plaincopy       async 和 defer 标注的 script 都不会暂停HTML解析就立刻被下载,两者都支持onload事件回调来解决需要该脚本来执行的初始化。 两者的区别在于执行时的不同: async 脚本在script文件下载完成后会立即执行,并且其执行时间一定在 window的load事件触发之前。这意味着多个async脚本很可能不会按其在页面中的出现次序顺序执行。 与此相对,浏览器确保多个 defer 脚本按其在HTML页面中的出现顺序依次执行,且执行时机为DOM解析完成后,document的DOMContentLoaded 事件触发之前。

 




7.table 语义标签

   

       
            
                
            
            
                
            
            
                
            
       

    



8.

,

   

        
            sssssss1             

sdfdsdfsdfsdfsdfsf

        

    


深入理解HTML5

深入理解HTML5

9.html5区块

   html5的分区法则!!

    讲网页内容拆解成嵌套的区块(section),每个区块有一个标题,就像目录一样

    根区块是body,第一个标题被当做body的标题

    每个区块的第一个标题为该区块的标题

    若果只有标题出现,那么区块会被隐含的创建。为了兼容以前的(div+h2-6)方式

    三个h2,那么三个并列的区块

    1个h2,2个h3,一个h2区块,该区块有2个并列的h3区块

    标题:h2,hgroup

    区块元素:section,article,aside,nav





    迟早不再使用

+表示层次了!!!!!!!!!!

    手机百度,手机网易,手机优酷还是用

+


    html5中使用区块的概念,各个区块嵌套产生层次。


    chrome,firefox中h2大小不同,但是safari,opera,IE相同

           

1111111111111

          

222222222222222

222222222222222

33333333333333

body


深入理解HTML5






10.

    hgroup中可以有多个标题,但是只创建一个区块,以最大标题为准,而不是第一个标题,所以标题位置可以换了。

    

222

    

111






11.

   a标签中可以加入更多内容了

   
        
            

daohang

        
    




12.用于文本的语义标签

   

   
   
   
   
   
   
   
   
   
   
   
   


13.新type


            
            
            
            
            
            
            
            


    浏览器校验:输入字段必填 required

  


    form“嵌套”

    form1表单和form2表单被提交时,该input都会被提交,即他属于form1又属于form2

    
        。。。
    
     
         
        。。。
    


    placeholder(search,email,tel,url)

    文本框为空时,显示placehoder的值


    

    只读

    readonly


  

     datalist

 
 
     
     
     
  


深入理解HTML5





    optgroup


    textarea


这里是文本域中的文本 ... ... ... ...


    进度条

aaa

       深入理解HTML5



    度量

 
 \ 


深入理解HTML5



 fieldset form中用

  
    健康信息     身高:     体重:   



    label

一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,例如,单纯的单选框点击区域就鼻屎那么大的地方,经常会点不到位置。因此,label标签的使用对于提高页面的可用性可访问性是很有帮助的。

标签 


























相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...