HTML5頁面檔案的基本結構

2021-10-02 00:23:15 字數 622 閱讀 4400

html頁面是靜態的,從頭到尾都沒有程式的執行,不經過伺服器處理就呈現給瀏覽者。

<

!doctype html>

"utf-8"

>

文章標題<

/title>

<

/head>

<

/body>

<

/html>

不是html標記,對大小寫不敏感。必須位於html文件第一行,用來告訴web瀏覽器當前頁面使用哪個版本;

此標記限定了文件的開始和結束,支援html5全域性屬性和manifest屬性。manifest屬性主要在建立html5離線應用時使用;

文件的頭部,描述文件的各種屬性和資訊,包括文件的標題,在web中的位置,以及與其他文件的關係等。絕大多數文件頭部包含的資料都不會顯示給使用者;

/此標記位於文件頭部,不包含任何內容,主要用來提供頁面的元資訊,如頁面使用的字符集,針對搜尋引擎和更新速度的描述和關鍵字。當前標記定義了當前文件的字元編碼是utf-8;

文章標題定義文件的標題,標題的內容通常會顯示在瀏覽器視窗的標題欄或狀態列上。是中唯一必須包含的元素;

文件的主體,包含文件的所有內容,如文字,影象超連結,**,列表等.

HTML5頁面增強元素

5增強的頁面元素 1.details元素和summary元素 details語義 詳情 summary語義 概要,簡要 details元素可以實現類似顯示 隱藏的功能。summary用於顯示details的標題或者間接。注意 1.如果details下沒有summary元素,瀏覽器會自動新增,同時內容...

html5頁面載入改背景

關於我的頁面在載入的時候需要進行通過js進行判斷進行啟動背景的啟動控制,特此備註 if clientname yigui else 通過jquery 可以進行直接更改樣式 var thisw window.innerwidth document.documentelement.clientwidth...

html5頁面自適應移動端

1 下面是我們經常用到的一些標籤,由於瀏覽器的差異,並不能百分百相容。2 百分比法,css中的百分比中的百指的是父元素,所有百分比都是這樣的。子元素寬度50 那麼父元素的寬度就是百,子元素的padding left 50 父元素的寬度是百,子元素的margin top 20 那麼父元素的高是百。所以...