html5語義化 兼容,HTML5語義化標簽,兼容性問題

HTML5不僅僅作為HTML標記語言的一個最新版本,更重要的是它制定了web應用開發的一系列標準,成為第一個將web做為應用開發平臺的HTML語言。

HTML5定義了一系列的新元素,如新語義化標簽,智能表單,多媒體標簽等,還提供了一些javascript API,如地理定位,重力感應,硬件訪問等。可以在瀏覽器內實現類原生應用,甚至結合canvas我們可以開發網頁版游戲。

語法規范 HTML5在語法規范上也做了比較大的調整,去除了許多冗余的內容,書寫更加簡介,清晰

我是一段任性的文字,我就是不寫閉合標簽

特點 1.更簡潔 2.更寬松 單標簽不用寫關閉符號 雙標簽省略技術標簽 html,head,body,colgroup,tbody可以完全省略

實際開發中應該規范書寫,不建議太隨意

語義化標簽

H5經典網頁布局

常用語義化標簽

表示導航 表示頭部 表示尾部 表示區塊 表示文章 表示側邊欄 表示媒介內容分組 與ul>li做比較 表示標記(帶用“ul”,不怎么用) 表示進度(帶用“ul”,不怎么用) 表示日期

盡量避免全局使用header,footer,aside等語義化標簽 ###兼容處理 在不支持HTML5新標簽的瀏覽器里,會將這些新的標簽解析成行內元素對待,所以我們只需要將其轉化成塊元素即可使用但是在ie9版本以下,并不能正常解析這些新標簽,但是可以識別通過document.createElement('tagName')創建的自定義標簽,于是我們的解決方案就是講HTML5的新標簽通過document.createElement('tagName')來創建一遍,這樣ie低版本也可以正常解析HTML5新標簽,在實際開發中我們更多采取的是采用通過檢測ie瀏覽器的版本來加載三方的一個JS庫來解決兼容問題

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/395393.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/395393.shtml
英文地址,請注明出處:http://en.pswp.cn/news/395393.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Swift之 vm10虛擬機安裝Mac OS X10.10教程

VM10裝Mac OS X 10.9.3及更新到Mac OS X 10.10,讓你的windows也能玩Swift 。 近期WWDC放出終極大招——新的編程語言Swift(雨燕),導致一大波程序猿的圍觀和躍躍欲試。當然了,工欲善其事,必先利其器,所以對于那些沒有Mac又想要嘗鮮的小伙伴肯定非常為難。可是,請放…

如何使用json開發web_如何通過使用JSON Web令牌簡化應用程序的身份驗證

如何使用json開發webby Sudheesh Shetty由Sudheesh Shetty 如何通過使用JSON Web令牌簡化應用程序的身份驗證 (How to simplify your app’s authentication by using JSON Web Token) Every application we come across today implements security measures so that the user…

c++ 實現錄音并且指定到文件_通話自動錄音,留下美好回憶,記錄完整錄音證據...

手機通話,如果自動錄音多好,許多人與我一樣抱有這個想法。記得華為Android版本5.0時代,手機沒有自動錄音功能,我一直到網上下載自動通話錄音軟件,有時甚至是下載ROOT版的帶自動通話功能的EMUI版本進行刷機安裝。那個時…

2639-Bone Collector II (01背包之第k優解)

題目鏈接: http://acm.hdu.edu.cn/showproblem.php?pid2639 求第k優解的關鍵代碼: 用兩個數組記錄兩種狀態(選擇或不選擇),并且只要記錄前k次。在這兩個數組中都是前k次可能的最優解。所以我們只要把這兩個數組做比較…

html自動按鍵,VBS腳本和HTML DOM自動操作網頁

本來是想通過JS實現對其他頁面的控制,發現跨域無法獲取頁面DOM來操作。接著考慮bat,發現也實現不了,于是想到vbs。vbs還是很強大啊,病毒之類很多都是vbs腳本啊。vbs打開瀏覽器,然后通過dom來操作頁面,可以實…

opencv在同一窗口打印多張圖片

首先,由于cv2處理的圖片是通過ndarray的格式操作的,也就是說通過array的拼接就可以實現圖片的拼接,那么之后就可以通過簡單的imshow將合并的圖片打印從而達到在一個窗口中顯示多張圖片的目的。 import cv2 import numpy as npimg1 cv2.imrea…

dj打碟怎么學_學DJ打碟 - Rane聲卡連接

上一篇內容中,老師講過在學DJ打碟的時候,是離不開對軟件方面的操作,其實每一個學習過程,當你學會之后,在“回頭看”的時候,都會覺得:原來學DJ打碟這么簡單啊,這就是已經學習過的人會…

微信企業號第三方應用開發[一]——創建套件

注:文中綠色部分為摘自微信官方文檔 第三方應用提供給企業的是一個應用,但是應用必須在套件下創建,所以第一步是要創建套件。 注冊成為應用提供商,必須輸入以下信息: 信息項要求及說明企業Logo應用提供商的企業Logo&am…

advanced east_SpriteKit Advanced —如何構建2,5D游戲(第二部分)

advanced eastby Luke Konior盧克科尼爾(Luke Konior) SpriteKit Advanced —如何構建2,5D游戲(第二部分) (SpriteKit Advanced — How to build a 2,5D game (Part II)) 介紹 (Intro) This article shows how to write basic shaders in the SpriteKit. It’s split into two…

html原生上傳,一個基于HTML5及原生JS的文件上傳組件--JohnUploader

運行效果圖一、組件介紹基本特點基于HTML5的FileReader和FormData可以完成多文件選擇,并預覽完成文件的異步上傳原生XHR對象,適配多瀏覽器代碼class JohnUploader{url;fileField;vollay;/**** param url 文件上傳的地址* param fileField 一個"文件…

[20170617]vim中調用sqlplus.txt

[20170617]vim中調用sqlplus.txt --//以前寫過一篇emacs下調用sqlplus的文章,一直想學emacs,受限制自己掌握vim,對學習它沒有興趣,原鏈接如下: --//http://blog.itpub.net/267265/viewspace-1309032/ --//實際上vim也有插件連接數據庫,我覺得不好用,一直沒這樣用. --//今天在整…

centos redis驗證_centos7中安裝、配置、驗證、卸載redis

本文介紹在centos7中安裝、配置、驗證、卸載redis等操作,以及在使用redis中的一些注意事項。一 安裝redis1 創建redis的安裝目錄利用以下命令,切換到/usr/local路徑cd /usr/local鍵入以下命令,新建一個redis目錄,用于放置redis軟件…

實習生解雇_我們解雇了我們的頂尖人才。 我們做出的最佳決定。

實習生解雇by Jonathan Solrzano-Hamilton喬納森索洛薩諾漢密爾頓(JonathanSolrzano-Hamilton) 我們解雇了我們的頂尖人才。 我們做出的最佳決定。 (We fired our top talent. Best decision we ever made.) “You will never be able to understand any of what I’ve create…

微信企業號第三方應用開發[二]——創建應用

在應用套件里添加應用 當你創建完應用套件后,需要在套件配置應用,應用的信息填寫如下。 基本信息: 信息項要求及說明應用Logo應用的Logo,小于2M,640*640,在授權頁會被用于展示。應用名稱應用的名稱&#xf…

es6新增的html標簽,javascript – 如何導入已在html中的標簽中定義的es6模塊?

我可以在我的html文件me.html中定義一個模塊:import Atom from ./atom.js;console.log("definition of getAtom")export default function getAtom(){return new Atom(atom);}console.log("exported getAtom")另見>是否可以將該“匿名”模塊…

jQ效果:簡單的手風琴效果

實現效果如圖所示&#xff1a; html結構&#xff1a; <div class"item_box box10"><div class"item_box_wp"><div class"voice_2"><ul><li class"li1" id"li1"><div class"fold"…

golang 日志分析_容器日志采集利器:Filebeat深度剖析與實踐

在云原生時代和容器化浪潮中&#xff0c;容器的日志采集是一個看起來不起眼卻又無法忽視的重要議題。對于容器日志采集我們常用的工具有filebeat和fluentd&#xff0c;兩者對比各有優劣&#xff0c;相比基于ruby的fluentd&#xff0c;考慮到可定制性&#xff0c;我們一般默認選…

機器學習做自動聊天機器人_建立聊天機器人需要什么? 讓我們找出答案。

機器學習做自動聊天機器人by Vanco Stojkov通過Vanco Stojkov 建立聊天機器人需要什么&#xff1f; 讓我們找出答案。 (What does it take to build a chatbot? Let’s find out.) Without any delay, the image below shows what we are building:沒有任何延遲&#xff0c;下…

UVA 11582 Colossal Fibonacci Numbers!【數學】

大一剛開始接觸ACM就買了《算法競賽入門經典》這本書&#xff0c;當時只能看懂前幾章&#xff0c;而且題目也沒做&#xff0c;粗鄙地以為這本書不適合自己。等到現在快大三了再回過頭來看&#xff0c;發現劉老師還是很棒的&#xff01; 扯遠了。。。 題意&#xff1a;問f[a^b]%…

Codeforces 919D Substring (拓撲圖DP)

手動博客搬家: 本文發表于20180716 10:53:12, 原地址https://blog.csdn.net/suncongbo/article/details/81061500 給定一個\(n\)個點\(m\)條邊的有向圖&#xff08;不一定無環&#xff09;&#xff0c;每個點上有一個小寫字母。要找一條路徑&#xff0c;使得路徑上出現次數最多…