2.html5的基本格式

時間 2019-11-29

標籤 2.html5 html 基本格式欄目 HTML 简体版

原文原文鏈接

　　分享完html語言的核心以後，是時候開始寫了。理論上，只要符合格式要求，就算是用記事本也能夠寫。可是，這種蛋疼且生產力低下的行爲仍是少作的好，選一個適合本身的IDE纔是上上之選，至於哪一個合適本身，那就要本身去試試看了，我這裏使用的是HBuilder。html

　　使用IDE新建的html文檔會自動把基本格式補全，可是本着學習的心態，仍是要知道具體的格式是什麼的。html5

　　首先，標準的html5文檔的格式以下：python

<!DOCTYPE html>    //文檔類型聲明,不區分大小寫，主要是告訴瀏覽器當前的文檔類型
<html>    //表示html文檔開始
    <head>    //包含文檔元數據開始 
        <meta charset="UTF-8"> //聲明字符編碼
        <title></title> //設置文檔標題
    </head>    //包含文檔元數據接受
    <body>    //表示html內容部分開始，也就是可見部分
    
    </body>   //表示html內容部分結束
</html>    //表示html文檔結束

　　1.Doctype，文檔類型聲明shell

　　文檔類型聲明（Document Type Declaration，也稱 Doctype）。它主要告訴瀏覽器所查看的文件類型。在以往的 HTML4.01 和 XHTML1.0 中，它表示具體的 HTML 版本和風格。而現在 HTML5 不須要表示版本和風格了。瀏覽器

　　<!DOCTYPE html>bash

　　固然，這裏的解釋是官方說法，而以我我的理解，這其實相似於腳本語言開頭部分解釋器聲明。學習

#! /usr/bin/env python  //python的聲明

#! /usr/bin/env bash  //bash的聲明

　　若是你看了我以前的文章，你會發現我對於html語言的理解是將其看成腳本語言來理解，沒辦法，我是先學的python和shell，二者都是腳本語言，因此我也深受其思惟的影響。網站

　　2.html元素ui

　　首先，元素就是標籤的意思，html 元素即html 標籤。html 元素是文檔開始和結尾的元素。它是一個雙標籤，頭尾呼應，包含內容。這個元素有一個屬性和值：lang="zh-cn"，表示文檔採用語言爲：簡體中文。編碼

<html lang="zh-cn"> //若是是英文則爲 en

　　上面是很是官方的解釋，這裏補充一點，這裏就算不設置任何東西，也不會影響你在頁面中使用中文。

　　3.head元素

　　用來包含元數據內容，元數據包括：<link>、<meta>、<noscript>、<script>、 <style>、<title>。這些內容用來瀏覽器提供信息，好比 link 提供 CSS 信息，script 提供 JavaScript 信息，title 提供頁面標題等。

<head>...</head> //這些信息在頁面不可見

　　4.meta 元素

　　這個元素用來提供關於文檔的信息，起始結構有一個屬性爲：charset="utf8"。表示告訴瀏覽器頁面採用的什麼編碼，通常來講咱們就用 utf8。固然，文件保存的時候也是 utf8，而瀏覽器也設置 utf8 便可正確顯示中文。

<meta charset="utf-8"> //除了設置編碼，還有別的

　　5.title 元素

　　這個元素很簡單，顧名思義：設置瀏覽器左上角的標題。

<title>標題</title>

　　6.什麼是元素

　　元素就是一組告訴瀏覽器如何處理一些內容的標籤。每一個元素都有一個關鍵字，好比 <body>、<title>、<meta>都是元素。不一樣的標籤名稱表明不一樣的意義，後面將會涉及到段落標籤、文本標籤、連接標籤、圖片標籤等。元素通常分爲兩種：單標籤（空元素）和雙標籤。單標籤通常用於聲明或者插入某個元素，好比聲明字符編碼就用<meta>，插入圖片就用<img>；雙標籤通常用於設置一段區域的內容，將其包含起來，好比段落<p>...</p>。

　　7.什麼是屬性和屬性值

　　元素除了有單雙之分，元素的內部還能夠設置屬性和值。這些屬性值用來改變元素某些方面的行爲。好比超連接：<a>中的 href 屬性，裏面替換網址便可連接到不一樣的網站。固然一個元素裏面能夠設置多個屬性，甚至自定義屬性。

　　這裏要專門再解釋的地方很少，因此多數都是引用別人的內容。