在html中使用語義化標籤的好處
語義化標籤,按照字面意思理解就是“具有特定意義的標籤”。
好處:
1、有意義的標籤使得頁面結構化,即使去掉css樣式頁面也能以一種清晰的結構展現。
2、根據文件顯示結構更易於後期的維護。
3、除了人容易理解外,程式和其他裝置也可以理解有意義的標籤。例如,搜尋引擎可以識別出標題行,(因為它被包圍在h1中)並給它分配更高的重要度。同時,螢幕閱讀器的使用者可以依靠標題作為輔助的頁面導航。
(X)HTML中包含的一些具有語義化的標籤有:
h1 h2
ul ul ol
strong em
bockquote cite
color legend label
caption thead tbody tfoot
相關推薦
html之語義化標籤address
語義化標籤是前端發展趨勢所需,語義化標籤更加直觀。 <p> Written by <a href="mailto:[email protected]">Donald Duck</a>.<br> Visit us at:&l
在html中使用語義化標籤的好處
語義化標籤,按照字面意思理解就是“具有特定意義的標籤”。好處:1、有意義的標籤使得頁面結構化,即使去掉css樣式頁面也能以一種清晰的結構展現。2、根據文件顯示結構更易於後期的維護。3、除了人容易理解外,程式和其他裝置也可以理解有意義的標籤。例如,搜尋引擎可以識別出標題行,(因
html中具有語義化標籤的元素
1.h1,h2 2.ul,ol和dl <dl> 標籤定義了定義列表(definition list)。 <dl> 標籤用於結合 <dt> (定義列表中的專案)和 <dd> (描述列表中的專案) <dl>
HTML語義化標籤
什麼是語義化標籤? HTML賦予了每個標籤以不同的語義。高質量的HTML程式碼,要求我們在遵循HTML語法的同時,也應該遵循HTML的標籤語義,如: div 語義:Division(分隔) span 語義:Span(範圍) ol 語義:Ordered List(排序列表) u
HTML5的語義化標籤相容性處理
IE8及以下IE版本不支援html5,所以要想IE8及以下版本的IE瀏覽器也具有相同的體驗,有以下兩種方式: 1.手動建立標籤:在script標籤內自定義標籤document.createElement("標籤名");定義的標籤預設是行級元素,因此要想具有塊級元素的特性,需要在style中對應樣式增加dis
java正則表示式去除html中所有的標籤和特殊HTML字元
關於java正則表示式去除html中所有的標籤和特殊HTML字元,結合我所做的專案總結的經驗: 總共分為三種:第一種適用於適用短的文章,將文章用正則表示式的方式拼接到程式碼中,有些繁瑣,其實不太實用。第二種就是直接將文件引入,進行更改,但是有一個小缺點,就是文件中的格式可能是utf-8格式的
H5C3語義化標籤及Stellar外掛
語義化標籤: 1.語義化標籤的作用 1.1 從開發角度考慮是提高程式碼的可讀性可維護性 1.2 網站的釋出者:seo 搜尋引擎優化 2.語義化標籤的相容問題 2.1 IE9以下不支援H5標籤(大部分css3屬性,一些H5的api) 2.2 IE9以下不認識
前端筆記—從入門到墳墓[HTML5][新增語義化標籤與屬性][13]
IE瀏覽器相容性 h5標籤在ie瀏覽器上只相容ie8以上版本(ie8不相容)。 所以為了相容ie6-8瀏覽器,我們可以引入html5shiv.js。 html5shiv.js是什麼 html5shiv.js下載地址 引入方式: <!--[if lt IE 9]
常見html5語義化標籤
語義化HTML:用最恰當的HTML元素標記的內容。 &n
HTML5 部分新增語義化標籤元素
<!DOCTYPE html> <html lang="en"> <head> &
html中的p標籤文字內容首字母縮排
<p class="parallax-alt" style="text-indent: 3em;"> &
HTML5語義化標籤
很多同學一提到語義化就覺得這只是一種規範,既然是規範,遵不遵循也沒有多大影響,這種想法是錯誤的,如果你仍然是那種div標籤跑遍整個頁面的,請務必看看接下來我們要將的關於HTML語義化的知識 定義 使
html5語義化標籤特性
標籤語義化:標籤有自己的含義,瀏覽器或者程式設計師一看就知道是什麼。 語義化標籤有:header(頭部)、nav等 一些瀏覽器可能對新的語義標籤並不支援,比如IE8。(有一種需求叫支援IE的需求) 解決方法:引入外部的html5shiv.js檔案可以解決標籤在IE8中不相容問題,詳情
html5 語義化標籤
<!--語義化標籤相容--><script src="html5shiv.min.js"></script><!--可以用了代替div並不需要class--><header>頭部</header><nav>導航</nav
通過HTML中的table標籤設定Web頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用table標籤設定Web頁面</title>
HTML5(一)語義化標籤、新增表單控制元件
1、新的頁面結構以及寬鬆的語法規範 <!doctype html> <meta charset="utf-8"/> 2、語義化標籤 (1)<header></header> 頁首:主要用於頁
H5的語義化標籤
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="tex
HTML中input:file標籤的使用
如何簡單的使用 問題的由來 第一次看到別人在寫網頁,能夠上傳檔案?好高大上!自己就在想這是怎麼實現的?雖然當時沒想出來也沒有去百度了,但後來一次專案中我就需要處理檔案上傳這個操作。
H5 語義化標籤
語義化標籤的主要是為了解決以下問題: 前端程式碼可讀性 程式碼維護成本 SEO優化 Html的標籤可以參考以下字典: http://www.w3school.com.cn/html5/html5_reference.asp 這裡我們用一個簡單的DEMO去理解
關於html中使用img標籤顯示圖片問題
在html中使用<img>元素標籤,有這樣兩種情況: 一.沒有使用base標籤: 1.圖片和.html在同一個資料夾下,直接在src中寫上檔名即可; 2.如果不在一個資料夾下,那需要在sr