HTML骨架結構

時間 2019-12-04

標籤 html 骨架結構欄目 HTML 简体版

原文原文鏈接

一個完整的HTML文檔必須包含3個部分：文檔聲明、文檔頭部和文檔主體。而正是它們構成了HTML的骨架結構。前面已經分別介紹過文檔聲明和文檔頭部，本文將詳細介紹構成HTML骨架結構的基礎元素css

HTML

<html>元素表明HTML文檔的根(root)，其餘全部元素都是該元素的後代。<html>與</html>標籤限定了文檔的開始點和結束點，在它們之間是文檔的頭部和主體。文檔的頭部由<head>標籤訂義，而主體由<body>標籤訂義html

【xmlns】前端

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

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

HEAD

<head>標籤用於定義文檔的頭部，它是全部頭部元素的容器。;<head>大部分不可見，描述了文檔的一些基本的屬性和信息(能夠呈現的是title和icon)。<head>元素下的子元素主要包括<meta>、<title>、<base>、<link>、<style>和<script>這六個元素chrome

<title>定義文檔的標題，它是head部分中惟一必需的元素編程

若是在文檔中忽略了<head>標籤，則大部分瀏覽器會自動建立一個<head>元素瀏覽器

BODY

<body>表示的是HTML文檔的主體內容，任何一個HTML文檔，只容許存在一個<body>元素編輯器

【默認樣式】學習

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

結構

在sublime編輯器中，輸入!，再按住Tab鍵，就能夠生成一個基本的HTML結構，結構以下spa

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

在實際中，文檔的頭部結構經常須要承載一些經常使用的功能，因此HTML結構較複雜，結構以下

<!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>

最後，給你們推薦一個前端學習進階內推交流羣685910553（前端資料分享），無論你在地球哪一個方位，
無論你參加工做幾年都歡迎你的入駐！（羣內會按期免費提供一些羣主收藏的免費學習書籍資料以及整理好的面試題和答案文檔！）

若是您對這個文章有任何異議，那麼請在文章評論處寫上你的評論。

若是您以爲這個文章有意思，那麼請分享並轉發，或者也能夠關注一下表示您對咱們文章的承認與鼓勵。

願你們都能在編程這條路，越走越遠。