01 HTML基礎之簡單介紹

2022-07-26 13:06:10 字數 1820 閱讀 1621

現如今科技進步,足不出戶盡曉天下事,一轉身便仿若隔世茫然。科技綻放時代,網路技術對人們的觸變無疑是深遠而重大的,隱於繽紛絢麗的網頁背後,是前端的蛻變更新。

如今,隨意點開頁面,絢麗華彩的特效及流暢的使用者體驗,是以前始料未及的。從切圖到框架,從元件到模組,從簡單到系統,前端漸成一方世界。

2023年,出於地域交流不便,歐洲粒子物理實驗室研發出一套遠端資源共享系統,該系統基於瀏覽器實現文字資訊的交換,全球資訊網(www,即world wide web)誕生。

2023年,伴隨全球資訊網的萌芽,超文字標記語言(html,即hypertext markup language)順勢誕生,語義化標籤讓頁面結構清晰簡潔。

2023年,關於html標準化的全球資訊網聯盟(w3c,即world wide web consortium)建立,從此拉開全球資訊網標準化規範化的革命歷程。

在html的歷史裡,有兩大版本值得注意,html 4.01版本(2023年),html 5版本(2023年),儘管路不同起,但在各自的時代裡舉足輕重。

儘管不在程式語言的範疇裡,但它作為一門標記語言,負責頁面的結構及語義,用正確的標籤解釋正確的頁面結構。所及即所得,是html較為容易上手的的一點,從標籤入手很快便能寫出可讀可維護的頁面。

網頁丶頁面及文件,通俗地說,可以理解為同一事物。文件分型別,除html型別外,還有xml,xhtml等型別,相較來說 html 型別的文件較為常見。

文件宣告(dtd,即document type denifition),宣告頁面的文件型別及版本,文件宣告的意義是讓瀏覽器能正確識別文件型別,並呼叫相應的處理引擎處理該文件。

如今的html,逐漸撇棄html4.01全面擁抱html 5,但有時仍需做相容處理,在此介紹該兩個版本的兩種不同宣告方式:

//html 4.01文件宣告:w3c標準,寫法繁瑣但相容性較好。

//html 5文件宣告:去除部分非語義化標籤,新增部分語義化標籤,簡潔清晰。

為文件根標籤,除文件宣告外,文件所有內容均包含在標籤裡,而html標籤及其內容組成的元素成為為根元素。

根元素下,包含兩大標籤:

即頭部標籤,主要包含文件的元資料及各類宣告,如字元編碼,圖示,樣式表,指令碼等,該元素內容通常不會在頁面中直接顯示,但對文件的解析及處理非常關鍵;

即主體標籤,負責頁面內容的展示,該元素內的內容便是我們在瀏覽器裡所看到的內容

元素:語法概念,由標籤內容屬性組成,以元素為語法單位可以有更直觀的感受。

標籤:主要語法結構,可分為單標籤及雙標籤,為單標籤,而為雙標籤(其中為開始標籤,為結束標籤)。

內容:即雙標籤內的內容,單標籤沒有元素內容(或說沒有直接內容)。

屬性:存在於開始標籤內,以鍵值對的形式存在,布林值型別的屬性可以省略值,如hidden。

以下,以某元素為例解釋下元素的組成內容:

hello,world為元素,為標籤;hello,world為元素內容,href=""為元素屬性。

隨著html5的普及,語義化編寫顯得愈來愈重要,從前可以是span+div的格局,或table+font的布局,如今卻是難以支撐。時代在進步,技術在迭代,身處變革環境裡的我們同樣需要緊隨科技的步伐。

01 HTML課程及介紹

崗位 前端開發工程師 web開發工程師 前端開發工程師 崗位需求 課程體系 學習路線 html概念 概念 html 指的是超文字標記語言 hyper text markup language 概念分解理解1 html 不是一種程式語言,而是一種標記語言 markup language 概念分解理解2...

web基礎回顧 01 html

1.什麼是html?hyper text markup language 超文字標記語言 超文字 功能比普通文字更加強大 標記語言 使用一組標籤對內容進行描述的一門語言 它不是程式語言 2.語法和規範?html檔案都是以.html或者.htm結尾的。建議使用.html結尾。html檔案分為頭部分 和...

前端01 HTML簡單簡紹

目錄import socket conn.close 瀏覽器發請求 http協議 服務端接收請求 服務端返回響應 服務端把html檔案內容發給瀏覽器 瀏覽器渲染頁面1.超文字標記語言 hypertext markup language,html 是一種用於建立網頁的標記語言。2.本質上是瀏覽器可識別...