HTML基本知識點

1.HTML、XML、XHTML 有什么區(qū)別

因為相同之處從字面可以看出,他們都是ML,都是標記語言(Markup Language),所以不同就是前面的部分了。
HTML,超文本標記語言,是語法較為松散的、不嚴格的Web語言;
XML,可擴展標記語言,主要用于存儲數(shù)據(jù)和結構,可擴展;
XHTML,可擴展超文本標記語言,基于XML,作用與HTML類似,但語法更嚴格。

2.怎樣理解 HTML 語義化

根據(jù)內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析

3.內容與樣式分離的原則

在一個網(wǎng)頁中,內容、樣式、行為分別由HTML、css、JS來控制。

  • 寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上,讓 HTML 能體現(xiàn)頁面結構或者內容。之后再去寫樣式。
  • 寫 JS 的時候,盡量不要用 JS 去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化
  • HTML 內不允許出現(xiàn)屬性樣式,盡量不要出現(xiàn)行內樣式

4.有哪些常見的meta標簽

什么是meta標簽?

w3school的解釋為:<meta> 元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。<meta> 標簽位于文檔的頭部。
其中元信息,就是是用于描述數(shù)據(jù)的數(shù)據(jù)。它不會顯示在頁面上,但是機器卻可以識別。所以簡單來說,meta標簽的作用就是定義頁面的說明,關鍵字,最后修改日期,和其它的元信息。這些元信息將服務于瀏覽器(如何布局或重載頁面),搜索引擎和其它網(wǎng)絡服務。

meta標簽的組成:

meta標簽共有兩個屬性,分別是http-equiv屬性和name屬性。

  • name屬性:
    主要用于描述網(wǎng)頁,比如網(wǎng)頁的關鍵詞,敘述等。與之對應的屬性值為content,content中的內容是對name填入類型的具體描述,便于搜索引擎抓取。meta標簽中name屬性語法格式是:
<meta name="參數(shù)" content="具體的描述">。
  • http-equiv屬性:
    相當于HTTP的作用,比如說定義些HTTP參數(shù)的。語法格式為:
<meta http-equiv="參數(shù)" content="具體的描述">
常見的meta標簽:
<!-- 聲明編碼方式 -->
<meta charset='utf-8' />
<!-- 優(yōu)先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- content的取值為webkit,ie-comp,ie-stand之一,區(qū)分大小寫,分別代表用webkit內核,IE兼容內核,IE標準內核。 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 頁面關鍵詞 -->
<meta name="keywords" content="關鍵詞1,關鍵詞2,..." />

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

  • 文檔聲明用來告知瀏覽器當前文檔所使用的HTML或XHTML規(guī)范。
  • 嚴格模式是指按照瀏覽器所支持的最高版本來實現(xiàn)效果;混雜模式則相反,盡可能向后兼容。使用老版本瀏覽器的顯示模式。
  • <!doctype html>是用來聲明當前文檔為html5

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

  • 產生亂碼的原因一般是文檔沒有聲明自身的編碼導致瀏覽器錯誤地使用了與文檔不同的解碼方式,從而導致內容無法正常顯示
  • 解決方法:記得聲明編碼方式,并在保存的時候選擇同樣的編碼方式

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

瀏覽器內核主要指的是瀏覽器的渲染引擎
  • IE瀏覽器——Trident內核
  • chrome瀏覽器——WebKit內核
  • FireFox瀏覽器——Gecko內核
  • Opera瀏覽器——Presto內核
  • Safari瀏覽器——WebKti內核
  • 國產瀏覽器——所謂的雙內核,就是指Trident和WebKit

8.常見的標簽及使用場景

  • h1~h6,標題
  • p,段落
  • a,鏈接
  • img,圖片
  • div,語義為“一大塊”,用于給頁面劃分區(qū)塊,讓結構更清晰
  • ul li ,無需列表
  • ol li,有序列表
  • table thead tbody tfoot tr td,表格相關標簽
  • dl dt dd,用于展示一系列 “標題:內容... ”的場景
  • button,按鈕
  • em,strong ,強調,著重,后者強調性更強
  • iframe,用于嵌入一個頁面 注意跨域操作問題
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • HTML,XML,XHTML有什么區(qū)別 HTML全稱HyperText Markup Language,即超文本標...
    魔王卡卡閱讀 425評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,093評論 1 92
  • 源自SeeYouBug博客 地址為:http://www.cnblogs.com/SeeYouBug 一、HTML...
    欲淚成雪閱讀 1,295評論 0 15
  • HTML、XML和XHTML的區(qū)別 HTML,超文本標記語言,被設計用來顯示數(shù)據(jù),標記內容的格式,“超文本”體現(xiàn)在...
    佳聯(lián)閱讀 409評論 0 0
  • 黑色泛濫,悲傷逆流成河。 碳素筆在不停的流動,在淡藍色的日記本上劃下一道道痕跡,拼湊成了一個個字,一句句話:“明明...
    余珂閱讀 558評論 8 2

友情鏈接更多精彩內容