摘要:最后語言是語言的語言標識符,如表示英文,表示中文。分別表示嚴格版本,過渡版本,以及基于框架的文檔。這是默認行為,并且可忽略。更多設置標簽定義文檔的結構,使文檔的標記更加語義化。
DOCTYPE
DOCTYPE(Document Type)
該聲明位于文檔中最前面的位置,處于html標簽之前,此標簽告知瀏覽器文檔使用哪種HTML或者 XHTML規范。
DTD(Document Type Definition)
聲明以開始,不區分大小寫,前面沒有任何內容,如果有其他內容(空格除外)會使瀏覽器在IE下開啟怪異模式(quirks mode)渲染網頁。公共DTD,名稱格式為注冊//組織//類型 標簽//語言,注冊指組織是否由國際標準化組織(ISO)注冊,+表示是,-表示不是。組織即組織名稱,如:W3C。類型一般是 DTD。標簽是指定公開文本描述,即對所引用的公開文本的唯一描述性名稱,后面可附帶版本號。最后語言是DTD語言的ISO 639語言標識符,如:EN表示英文,ZH表示中文。XHTML 1.0 可聲明三種DTD 類型。分別表示嚴格版本,過渡版本,以及基于框架的HTML文檔。
HTML 4.01 strict
HTML 4.01 Transitional
HTML 4.01 Frameset
HTML5文檔類型
meta聲明文檔使用的字符編碼
html5之前 html5
SEO優化
標題
your title
頁面描述
關鍵字
網頁作者
網頁搜索引擎索引方式
follow 跟蹤鏈接并分析目標網頁。這是默認行為,并且可忽略。 index 將網頁編入索引。這是默認行為,并且可忽略。 noodp 不使用 Open Directory Project 來創建內容描述。 noydir 不使用 Yahoo Directory 來創建內容描述。 noarchive 不允許搜索引擎顯示內容的緩存版本。 cache 允許搜索引擎顯示內容的緩存版本。 nocache 不允許搜索引擎顯示內容的緩存版本。
更多meta設置
標簽定義文檔的結構,使文檔的標記更加語義化。
html5 demo
html5 demo html5 demo
article aside
article
更多標簽請參考w3school
tips
html5標簽更加豐富和完善,div標簽似乎沒有什么用武之地,但是如果僅僅想在文檔中加入一段樣式,這個時候div標簽便派上用場了。
標簽在不同瀏覽器默認樣式會有一些區別,為了一個網頁在不同瀏覽器中看到的效果一樣,通常要先格式化一下標簽的樣式
@charset "utf-8"; html{margin:0;padding:0;border:0}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;background:#fff}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400;float:none!important}table,td,th{vertical-align:middle}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a img{border:none}a{text-decoration:none}:focus{outline:0}
如果要在不支持html5的瀏覽器中使用html5標簽,需要加一小段JavaScript代碼
標簽可編輯屬性contenteditable
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50599.html
摘要:標準構成標準不是某一個標準,而是由和其他標準化組織制定的一系列標準的集合。主要包括結構表現和行為三個方面。屬性之間不分先后順序,標簽名與屬性屬性與屬性之間均以空格分開。HTML Web 標準構成 Web標準不是某一個標準,而是由W3C和其他標準化組織制定的一系列標準的集合。 主要包括結構(Structure)、表現(Presentation)和行為(Behavior)三個方面。 結構標準...
摘要:所謂超文本,因為它可以加入圖片聲音動畫多媒體等內容,不僅如此,它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式,其取值有和兩種,其中為默認值,為在新窗口中打開方式。 學習目標 了解常用瀏覽器 掌握WEB標準 理解標簽語義化 掌握常用的排版標簽 掌握常用的文本格式化圖像鏈接等標簽 掌握三種列表標簽 掌握表格標簽 掌握表格標簽 掌...
摘要:行內元素特征設置寬高屬性無效設置僅左右水平方向有效,上下垂直無效設置上下左右都有效內容不會自動進行換行行內塊元素行內塊元素綜合了兩者的特征,各有取舍,可以對任意元素進行屬性設置。 文章大綱來源:【Day 1】HTML & HTML 5 標記語言 XHTML/HTML/HTML 5異同 了解doctype HTML HTML 5 標記語言 標記語言(ML)即 Markup Langu...
閱讀 771·2023-04-25 20:47
閱讀 2534·2019-08-30 15:53
閱讀 947·2019-08-26 14:05
閱讀 895·2019-08-26 11:59
閱讀 1679·2019-08-26 11:43
閱讀 1679·2019-08-26 10:57
閱讀 1355·2019-08-23 18:23
閱讀 2639·2019-08-23 12:57