關於HTML基本語法與語意寫法規則與實例分析

小云云
發布: 2017-12-26 09:44:03
原創
1880 人瀏覽過

本文主要和大家分享對HTML基本語法和語意進行了整理與實例,需要的朋友可以參考下,希望能幫助到大家。

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 不允許搜尋引擎顯示內容的快取版本。

標籤

定義文件的結構,使文件的標記更加語意化。


html5 demo     html5 demo 

html5 demo

article aside

article
footer
登入後複製

tips

#html5標籤更加豐富和完善,p標籤似乎沒有什麼用武之地,但是如果僅僅想在文件中加入一段樣式,這時候p標籤便派上用場了。

標籤在不同瀏覽器預設樣式會有一些區別,為了一個網頁在不同瀏覽器中看到的效果一樣,通常要先格式化一下標籤的樣式


@charset "utf-8"; html{margin:0;padding:0;border:0}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,p,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

#

##相關推薦:

解析HTML基本語法與語意寫法規則

#Javascript中正規表示式的使用及基本語法_正規表示式

#HTML基本語法與語意寫法規則與實例

以上是關於HTML基本語法與語意寫法規則與實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!