Rumah > Artikel > hujung hadapan web > Ringkasan pengalaman pembangunan merentas penyemak imbas (1) HTML markup_HTML/Xhtml_pengeluaran halaman web
Ringkasan pengalaman pembangunan merentas penyemak imbas (1) HTML markup_HTML/Xhtml_pengeluaran halaman web
- WBOYasal
- 2016-05-16 16:41:581303semak imbas
为页面添加DOCTYPE
由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。
!DOCTYPE 声明指定文档遵从的 DTD，如：
标准HTML标签的正确使用
尽量使用div+css布局,不用table做布局。
使用table做布局容易造成代码冗余，相对
应该使用标准化的页面结构：DIV+CSS。这种布局方式代码简洁，页面浏览速度较快，页面布局灵活，改版时只需改CSS样式即可实现页面重新布局，而不用改动程序，从而降低了网站改版的成本。
注意标签的闭合关系,尤其是在form标签中嵌套div等其他标签时。
有的时候页面上会出现多余的空白，即使重新设置了margin也无法避免，这个时候有可能是页面元素标签闭合出现了不配对的情况，如：
Gunakan elemen tbody semasa mentakrifkan jadual untuk memastikan semua penyemak imbas, termasuk IE, boleh menggunakannya dengan betul
Walaupun jadual tidak memaparkan elemen tbody yang ditakrifkan, penyemak imbas akan menganggapnya tr Nod induk nod ialah nod tbody lalai yang ditambah secara automatik Untuk mengelakkan kemungkinan salah faham apabila menggunakan javascript untuk memanipulasi nod tr, adalah lebih baik untuk menambah satu secara manual, seperti:
elemen bertindak balas dalam pelayar IE , tetapi ia tidak bertindak balas dalam safari atau pelayar lain. Pada masa ini, anda perlu menyemak ketepatan kaedah mengikat acara Untuk mengikat acara lanjutan, anda perlu menulis dua set javascript untuk membezakan antara IE dan pelayar lain Untuk model acara mudah, anda perlu memberi perhatian kepada kes itu daripada nama acara terikat. Contohnya:
Anda harus menggunakan onfocus huruf kecil di sini dan tambahkan simbol penutup label dipaparkan Ini adalah cara penulisan standard.
Beri perhatian kepada nilai atribut tetapan label
Atribut bahasa dan jenis bagi