高效書寫HTML5

H5開始對標簽及屬性的書寫更加包容,同時新增了語義化的標簽,也是為了替代純div+css的布局,本文講帶大家一起學習和探討HTML書寫規(guī)范。

1.文檔類型聲明

文檔類型聲明

2.標簽、屬性名、文件名推薦小寫字母

標簽、屬性、文件名

3.雙標簽可省略關閉標簽,不過建議保留關閉標簽

雙標簽

4.單標簽的“/”可寫可不寫(但在XHTML和XML中斜線是必須的

"/"的省略

5.可全部省略的標簽,不過建議保留

可全部省略的標簽

ps:省略或在DOM和XML軟件中會崩潰,省略在舊版瀏覽器(IE9)會發(fā)生錯誤。

6.布爾值的屬性,可省略屬性值

bool值類型屬性

7.屬性值可以不使用引號,推薦使用引號。

屬性值的各種寫法

8.屬性與屬性值之間等號前后空格

空格問題

9.屬性書寫順序

順序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role。

書寫順序

10.使用語義化標簽

語義化標簽


以下內(nèi)容為H5相關標簽,大家可以自行學習。

1.其它新增標記

1
2
3

2.廢棄元素

basefont、big、center、font、s、strike、tt、u、bgsound、marquee(只有IE支持)、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext、

frame廢棄原因,主要是影響load事件加載,具體請參考:

http://gongxquan.blog.163.com/blog/static/2108462532012111643039216

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,211評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,654評論 19 139
  • 今天父親節(jié),起床后和妹妹在家庭微信群里說了聲老曹節(jié)日快樂后我就做別的事去了,反正沒送他禮物,也沒和他發(fā)紅...
    曹屁閱讀 282評論 0 0
  • 2017年10月20日 晴天 今天給自己的文章做個“手術”,剖析一下它哪里出了問題?怎么解決? 就拿我寫的《拾金不...
    孌姝閱讀 307評論 2 4
  • 1.前言 Android5.0 之后,很多控件都具有了 Material Design 的效果,看起來更炫,更好看...
    Android_小生閱讀 2,487評論 0 1

友情鏈接更多精彩內(nèi)容