摘要:規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容不基于,所以不需要引用標簽都用來做什么的提供有關頁面的元信息,常用于定義頁面的說明,關鍵字,最后修改日期,和其它的元數據。這些元數據將服務于瀏覽器如何布局或重載頁面,搜索引擎和其它網絡服務。
HTML規范
HTML規范文檔
H4時代被規定為錯誤的行為,在H5時代全都被合理化了,比如標簽不區分大小寫、只有開始標簽沒有結束標簽、屬性值不帶引號等等錯誤,H5全部允許它們存在
遺漏的標簽知識
標簽
該標簽定義文檔或文章的作者/擁有者的聯系信息
不應該用于描述通訊地址,除非它是聯系信息的一部分
這個元素不能包含除了聯系信息之外的任何信息,比如出版日期(這應該包含在元素中)。
應該使用 -
來表示標題,使用 標簽來表示強調的文本,應該使用 標簽來表示重要文本,應該使用 標簽來表示標注的/突出顯示的文本。
該標簽用于指定一個文檔中包含的所有相對URL的基本URL
通常情況下,瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對URL中缺少的部分,使用
使用button元素與使用 input 元素創建的按鈕之間的不同之處在于:在 與 之間 ,可以放置內容,比如文本或圖像
使用 input 元素來創建按鈕請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button",而其他瀏覽器中(包括 W3C 規范)的默認值是 "submit"。
該標簽定義表格標題,必須緊隨 table 標簽之后。
只能對每個表格定義一個標題,通常這個標題會被居中于表格之上
標簽
通常表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜志的標題
它可以使你或者其他人從文檔中自動摘錄參考書目,它能夠自動整理引用表格,并把它們作為腳注或者獨立的文檔來顯示(當然需要通過寫相應的程序來處理)
該標簽體現了語義化的便利
標題是可見的,用戶點擊標題時,會顯示出 details
該標簽定義已知范圍或分數值內的標量測量,比如說表示3/10
注意表示進度不應該用該標簽而是
標簽與
標簽規定獨立的流內容(圖像、圖表、照片、代碼等等),figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。
標簽
該標簽可以定義html片段,但是不會被渲染
可以通過js來將片段顯示到頁面上
單元格默認平分table的寬度, table決定了整個表格的寬度 不設置單元格寬高時,寬高由內容撐開; 只設置高度時,內容撐開寬度,當寬度不可再變時,將會撐開高度; 只設置寬度時,內容只撐開高度; 當寬高均設置時,內容可以只撐開表格高度,而不能撐開寬度
table里面的單元格的寬度會轉換成百分比,當單元格寬度和超過table的寬度是不會溢出的,而是會撐開高度
標簽 定義文檔與外部資源的關系
rel = stylesheet,鏈接外部樣式表
rel = dns-prefetch,dns預解析(異步)
rel = prefetch,預加載圖片等(異步)
rel = prerender,預渲染(異步)
rel = icon,定義title圖標
rel = alternate,定義文檔的替代版本(比如打印頁、翻譯或鏡像),可做RSS。 ........見W3C
HTML是什么,HTML5是什么
HTML是超文本標記語言(Hyper Text Markup Language) 是用來描述網頁的一種標記語言,而不是編程語言;標記語言是一套標記標簽
與XML的區別:HTML的設計宗旨是顯示數據,而XML的設計宗旨是傳輸數據;HTML的標簽是預定義的,而XML的標簽是使用者自己定義的
HTML5是最新的 HTML 標準,擁有新的元素,更豐富的內容,更強大的適配性
HTML元素標簽、屬性都是什么概念?
HTML元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼,開始標簽與結束標簽之間的內容是HTML元素的元素內容
HTML元素標簽就是指一個HTML元素的開始標簽和結束標簽,瀏覽器不會直接顯示標簽,但是會使用這些標簽來解釋頁面的內容
HTML元素屬性提供了有關HTML元素的更多的信息,比如圖片的URL,元素的類名等
文檔類型是什么概念,起什么作用?
Web 世界中存在許多不同的文檔。只有了解文檔的類型,瀏覽器才能正確地顯示文檔。
HTML文檔中使用聲明幫助瀏覽器正確地顯示網頁,聲明告訴了瀏覽器當前的HTML文檔是用什么HTML版本編寫的,這樣瀏覽器才能完全正確地顯示出 HTML 頁面
聲明必須是 HTML 文檔的第一行,位于 標簽之前,且要注意它不屬于HTML標簽 在 HTML 4.01 中, 聲明引用 DTD,因為 HTML 4.01 基于標準通用標記語言(SGML)。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容
HTML5 不基于 SGML,所以不需要引用 DTD
meta標簽都用來做什么的? 提供有關頁面的元信息,常用于定義頁面的說明,關鍵字,最后修改日期,和其它的元數據。這些元數據將服務于瀏覽器(如何布局或重載頁面),搜索引擎和其它網絡服務。
charset屬性規定文檔的編碼方式,建議為UTF-8
content屬性定義與 http-equiv 或 name 屬性相關的元信息
http-equiv屬性把對應的 content 屬性關聯到 HTTP 頭部。
name屬性把對應的 content 屬性關聯到一個名詞。
meta標簽是可擴展的,各瀏覽器產商可以自己定義一些特定的內容
Web語義化是什么,是為了解決什么問題
Web語義化簡單的說就是在編寫HTML文檔時,選擇合適的標簽將內容本身進行合理的描述,而不去管它的樣式,使頁面有良好的結構,頁面元素有含義;同時對于類名、id名稱也要命名的能夠描述內容;從而能夠讓人和機器都容易理解(提升可讀性、可維護性)
Web語義化在方便開發人員閱讀代碼同時也有利于讓機器(搜索引擎,爬蟲)讀懂文檔內容,從而利用機器來對索引好的內容作各種處理和挖掘,比如SEO(搜索引擎優化)
Web語義化在拋開CSS的情況下,頁面也能呈現出清晰的結構
Web語義化可以方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以更合適的方式來渲染網頁(提高無障礙性)
Web語義化有利于SEO
鏈接是什么概念,對應什么標簽? 指從一個網頁指向一個目標的連接關系
表單標簽都有哪些,對應著什么功能,都有哪些屬性
ol, ul, dl, dd, dt等這些標簽都適合用在什么地方,舉個例子
ol為有序列表,適用于有順序的列表,比如說排行榜
ul為無序列表,適用于不在意順序的列表,比如說菜單
dl為定義列表,dt是定義列表的標題,dd是定義列表的具體描述,比如說術語解釋表
如何提升無障礙性 為 img 提供 alt 屬性 noscript input 和 label 對應 圖形驗證碼與語音驗證碼 文字和背景有足夠對比度 鍵盤可操作 語義化
JSON-LD JavaScript Object Notation for Linked Data 是一種基于JSON表示和傳輸互聯數據(Linked Data)的方法 結構化數據就是按一定的結構產生的一系列描述你網站內容的信息,它能幫助搜索引擎的爬蟲更好地了解你網頁中所要展現的內容,并在搜索結果中有更豐富得展現,而非千篇一律的鏈接,即提高搜索排名,美化搜索結果。它還能夠被其他一些應用所讀取使用,比如:Gmail, Facebook, Twitter 等,甚至還可以是 Siri,可穿戴設備,或是車載導航系統。 JSON-LD與互聯數據(Linked Data)
示例 文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。 轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52296.html 摘要:提交內容可以是一個提議想法初步描述該階段是對所提交新特性的正式建議。在這個階段需具備以下條件指定一名成員作為審閱通過有實現的或者初步編寫標準,包括問題描述解決方案示例語法語義關鍵的算法及抽象實現在的復雜度等該階段是會出現標準中的第一個版本。
ECMAScript 與 JavaScript
ECMAScript 是一套腳本語言的規范,內部編號 ECMA-262
該規范由 Ecma(Eu... 摘要:提交內容可以是一個提議想法初步描述該階段是對所提交新特性的正式建議。在這個階段需具備以下條件指定一名成員作為審閱通過有實現的或者初步編寫標準,包括問題描述解決方案示例語法語義關鍵的算法及抽象實現在的復雜度等該階段是會出現標準中的第一個版本。
ECMAScript 與 JavaScript
ECMAScript 是一套腳本語言的規范,內部編號 ECMA-262
該規范由 Ecma(Eu... 摘要:因為在頁面加載完成后,引擎維護著兩個隊列,一個是按頁面順序加載的執行隊列,還有一個空閑隊列,使用定時函數就是將回調函數加入到空閑隊列中,故和其他定時器是并發執行的。
1.window.onload和$(document).ready()的區別:
①執行時間:window.onload會在所有元素,包括圖片,引用文件加載完成之后執行,而$(document).ready()則會在HTML... 閱讀 1102·2021-10-14 09:43 閱讀 1145·2021-10-11 11:07 閱讀 3112·2021-08-18 10:23 閱讀 1485·2019-08-29 16:18 閱讀 999·2019-08-28 18:21 閱讀 1474·2019-08-26 12:12 閱讀 3760·2019-08-26 10:11 閱讀 2502·2019-08-23 18:04標簽
* `content-type`:用于指定內容類型,默認為`text/html`
* `refresh`: 設置文檔多久刷新一次
* `default-style`:指定首選的樣式表
* `author`
* `description`
* `generator`
* `keywords`
* `viewport`:控制頁面的尺寸和比例,以便響應式
* `http-equiv = "X-UA-Compatible" content = "IE = edge"`:為 `IE8` 指定不同的頁面渲染模式
* `name = "format-detection" content="telphone = no"`:關閉`iOS`電話號碼自動識別
* `name = "renderer" content = "webkit"`:`360`瀏覽器指定內核
標簽
功能
form
表示了文檔中的一個區域,這個區域包含有交互控制元件,用來向web服務器提交信息
fieldset
將表單內的相關元素分組
fieldset
為 fieldset 元素定義標題
button
表示一個可點擊的按鈕,可以用在表單或文檔其它需要使用簡單標準按鈕的地方
input
用于為基于Web的表單創建交互式控件,以便接受來自用戶的數據
textarea
表示一個多行純文本編輯控件
option
用于定義在
optgroup
會創建包含在一個
select
是一種表單控件,可創建選項菜單。菜單內的選項為
datalist
與input元素結合來定義選項列表,包含了一組
meter
用來顯示已知范圍的標量值或者分數值
process
用來顯示一項任務的完成進度
output
表示計算或用戶操作的結果
label
表示用戶界面中項目的標題
相關文章
前端背景知識查漏補缺
前端背景知識查漏補缺
【面試篇】JS基礎知識查漏補缺
發表評論
0條評論
daydream
男|高級講師
TA的文章
閱讀更多
程序員的算法趣題Q54: 偷懶的算盤(2)
#便宜#無憂云:2核/2G/50G硬盤/3Mbps不限流量/洛陽BGP線路/首月9.9元,限量200
野草云:新增香港云服務器CN2+BGP寬帶 1GB內存 3M 帶寬 月費 19元起
CSS多列布局(柵格布局)
利用HTML和CSS實現常見的布局
js執行機制
如何實現一個這樣的級聯組件
Node中間層服務編寫框架中的思考