HTML骨架結(jié)構(gòu)

發(fā)布時間：2020-07-17 18:16:14 來源：網(wǎng)絡(luò) 閱讀：270 作者：jjjssswww 欄目：網(wǎng)絡(luò)安全

一個完整的HTML文檔必須包含3個部分：文檔聲明、文檔頭部和文檔主體。而正是它們構(gòu)成了HTML的骨架結(jié)構(gòu)。前面已經(jīng)分別介紹過文檔聲明和文檔頭部，本文將詳細(xì)介紹構(gòu)成HTML骨架結(jié)構(gòu)的基礎(chǔ)元素

HTML

<html>元素代表HTML文檔的根(root)，其他所有元素都是該元素的后代。<html>與</html>標(biāo)簽限定了文檔的開始點和結(jié)束點，在它們之間是文檔的頭部和主體。文檔的頭部由<head>標(biāo)簽定義，而主體由<body>標(biāo)簽定義

HTML骨架結(jié)構(gòu)

【xmlns】

xmlns屬性用于指派文檔的XML命名空間。預(yù)設(shè)值是"http://www.w3.org/1999/xhtml"，這在XHTML中是必要的，而在HTML中則是可選的

<html xmlns="http://www.w3.org/1999/xhtml">

HEAD

<head>標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。;<head>大部分不可見，描述了文檔的一些基本的屬性和信息(可以呈現(xiàn)的是title和icon)。<head>元素下的子元素主要包括<meta>、<title>、<base>、<link>、<style>和<script>這六個元素

<title>定義文檔的標(biāo)題，它是head部分中唯一必需的元素

如果在文檔中忽略了<head>標(biāo)簽，則大部分瀏覽器會自動創(chuàng)建一個<head>元素

關(guān)于文檔頭部的更多信息移步至此

BODY

<body>表示的是HTML文檔的主體內(nèi)容，任何一個HTML文檔，只允許存在一個<body>元素

【默認(rèn)樣式】

chrome/firefox/safari/IE8+    margin:8px;
IE7-    margin:15px 10px;

結(jié)構(gòu)

在sublime編輯器中，輸入!，再按住Tab鍵，就可以生成一個基本的HTML結(jié)構(gòu)，結(jié)構(gòu)如下

<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <title>Document</title></head><body></body></html>

在實際中，文檔的頭部結(jié)構(gòu)常常需要承載一些常用的功能，所以HTML結(jié)構(gòu)較復(fù)雜，結(jié)構(gòu)如下

<!DOCTYPE html><html><head>
    <meta charset="utf-8"/>
    <title>Document</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="5/style.css"/>
    <link rel="shortcut icon" href="ico.ico"/></head><body></body></html>

向AI問一下細(xì)節(jié)

HTML骨架結(jié)構(gòu)

HTML

HEAD

BODY

結(jié)構(gòu)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽