html基本結構分析

王林轉載: 2021-02-03 11:53:362973瀏覽

html基本結構分析

HTML稱為超文本標記語言，是一種標記語言。它包括一系列標籤．透過這些標籤可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。 HTML文本是由HTML指令組成的描述性文本，HTML指令可以說明文字，圖形、動畫、聲音、表格、連結等。

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

HTML

元素代表HTML文檔的根(root)，其他所有元素都是該元素的後代。與標籤限定了文件的開始點和結束點，在它們之間是文件的頭部和主體。文件的頭部由

標籤定義，而主體由標籤定義

html基本結構分析

#【xmlns】

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

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

HEAD

#標籤用於定義文件的頭部，它是所有頭部元素的容器。 ;大部分不可見，描述了文件的一些基本的屬性和資訊(可以呈現的是title和icon)。元素下的子元素主要包括、、<base>、<link>、<style>、<script>這六個元素<p> <title>定義文件的標題，它是head部分中唯一必要的元素<p>如果在文件中忽略了<head>標籤，則大部分瀏覽器會自動建立一個<head>元素<p>關於文檔頭部的更多資訊移步至此<p>BODY<p></style> 表示的是HTML文檔的主體內容，任何一個HTML文檔，只允許存在一個元素

【預設樣式】

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

結構

在sublime編輯器中，輸入!，再按住Tab鍵，就可以產生一個基本的HTML結構，結構如下

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

html基本結構分析

相關文章