HTML基礎知識點

HTML是什么,和XML、XHTML 有什么區別?

HTML(HyperText Markup Language),超文本標記語言,是語法較為松散的、不嚴格的Web語言;
XML(Extensible Markup Language),可擴展標記語言,主要用于存儲數據和結構;
XHTML(Extensible HyperText Markup Language),可擴展超文本標記語言,基于XML,作用與HTML類似,但語法更嚴格。

怎樣理解 HTML 語義化

HTML語義化,也就是標簽的語義化,指的是通過標簽便能判斷內容具
體語言含義。例如,瀏覽器可以根據h1標簽判斷出標簽包含的內容是標
題,根據p標簽可以判斷出內容是段落等。
HTML 語義化可以使內容結構化,選擇使用合適的標簽,使代碼更加規范,方便開發者閱讀,利于瀏覽器爬蟲爬取內容,利于SEO優化,方便其他設備解析,更利于后期開發及維護。

怎樣理解內容與樣式分離的原則

內容與樣式分離,就是讓內容的歸 HTML, 樣式歸 CSS, 不要混著用。
HTML負責網頁內容(結構)部分,樣式則負責了頁面的展示效果。內容與樣式分離使得內容和樣式各自只負責自己的部分,更重要的是分離增強了機器的可讀性,使得機器能更好地理解頁面內容。

有哪些常見的meta標簽

mata charset:聲明文檔使用的字符編碼。
meta http-equiv:聲明文檔兼容模式。
meta http-equiv="keywords" content="keyword":設置搜索關鍵詞。
meta name="description" content="web":網頁內容描述。
meta name="author" content="author,email address":聲明網頁作者。

文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?

<!doctype>標簽用來聲明文檔對象模型,用來告訴瀏覽器應該使用哪種方式來解析渲染頁面。
嚴格模式就是使用<!doctype>標簽來顯式聲明該用哪種方式來渲染頁面,混雜模式即不加<!doctype>標簽,允許瀏覽器使用自己的方式來渲染頁面。
<!doctype html>即就是聲明使用HTML5來解析渲染頁面。

瀏覽器亂碼的原因是什么?如何解決

瀏覽器出現亂碼一般是由于在制作頁面時使用非英文字符時,保存的編碼格式與瀏覽器解析時的解碼格式不匹配。另外,頁面沒有設置chartset也會發生亂碼的情況。
為了解決這個問題,就要在頁面保存時就在HTML的<head>里添加<meta charset="">來聲明編碼格式,來告訴瀏覽器應該用什么解碼格式來解碼,例如使用UTF-8來編碼的頁面,添加<meta charset="UTF-8">來告訴瀏覽器使用UTF-8格式來解碼,就不會出現亂碼了。

常見的瀏覽器有哪些,什么內核

常見瀏覽器有IE、Chrome、Opera、Firefox和Safari。

Chrome 、Opera、Safari內核為WebKit;
IE瀏覽器 內核為Trident;
Firefox 內核為Gecko;
國內大多數雙核瀏覽器內核為WebKit、Trident。

列出常見的標簽,并簡單介紹這些標簽用在什么場景

h1~h6:標題標簽,應用于頁面標題或區塊標題標簽,字體大小逐級減小,重要程度也逐級減小;
p:段落標簽,用于文字中的段落;
a:鏈接標簽,有href, target, title等屬性,使用場景有:超鏈接挑戰、設置頁面錨點、發送電子郵件等;
img:圖片標簽,用于設置圖片;
div:塊標簽,用于劃分頁面結構區塊;
ul, li:無序列表標簽,用于定義列表;
ol, li:有序列表標簽,用于定義帶步驟或編號列表;
dl, dt, dd:自定義列表標簽,用于展示一系列的“標題,內容”等;
button:按鈕標簽,用于定義一個按鈕;
strong和em:強調效果,strong更強烈;
iframe:用于嵌入一個頁面;
table, tr, td:表格標簽,用表格來展示數據時使用, tr代表行,td代表單元格;
:注釋標簽,用于在頁面上添加注釋。
需要注意的地方:
標簽屬性全小寫
標簽要閉合、自閉合標簽可以省略 /
標題里不能有段落,段落里不能有標題

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • HTML、XML、XHTML 有什么區別 HTML,超文本標記語言,被設計用來顯示數據,使用預定義標簽,是語法較為...
    饑人谷_whiskey閱讀 211評論 0 1
  • HTML、XML、XHTML的區別 HTML,超文本標記語言,是語法較為松散的、不嚴格的Web語言; XML,可擴...
    Sketch閱讀 208評論 0 0
  • 一、HTML、XML、XHTML 有什么區別? 首先,我們來看看每一項在維基百科中第一句話介紹: HTML: 超文...
    SHININGJACK閱讀 1,391評論 0 2
  • 一、HTML、XML、XHTML 有什么區別 1、HTML :超文本標記語言,是語法較為松散的不嚴格的Web語...
    小木魚的筆記閱讀 287評論 0 0
  • 三.阿蒙的室友 阿蒙的寢室共七個女孩,均貧富、等貴賤地住到一起。寢室樓位于全校最高處,居高臨下,而阿蒙們的寢室又處...
    陳傳容閱讀 287評論 2 1