HTML CSS基礎學習筆記1 21 語義化標籤

2021-07-16 03:53:16 字數 683 閱讀 7114

語義化標籤

「語義化」指的是機器在需要更少的人類干預的情況下能夠研究和收集資訊,讓網頁能夠被機器理解,最終讓人類受益。

html 標籤語義化是讓大家直觀的認識標籤和屬性的用途和作用,很明顯看起來很像標題,因為擁有粗體和較大的字型大小。,用來區別於其他文字,起到了強調的作用。

html標籤語義化的設計思維其實就是給某塊內容用上乙個最恰當最合適的標籤,這樣一來,不管是誰都能看懂這塊內容是什麼。

例如:標籤:表示文件中的主要內容。元素中的內容對於文件來說應當是唯一的。它不應包含在文件中重複出現的內容,比如側欄、導航欄、版權資訊、站點標誌或搜尋表單。

檢視下面這兩段html和css**,體會下裡面的許多語義化的標籤吧:

文章正文

文章正文

文章正文

可顯示廣告、引用、側邊欄

顯示底部位址

body 

ul ul li

article

section

aside

footer

更多學習內容,就在碼芽網

部分頁面顯示的結果如下:

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...

html css學習筆記

本人正經職業位android 開發,無奈現在社會壓力太大,對做人的要求越來越高,只掌握一門技術根本不好意思說自己是一名程式設計師,更無法在這個社會生存。本人只好順應時代發展的需要,不斷提高自己的綜合水平,提高對自身的要求,選擇了去學習html和css等前端的有關知識,新手入門,記錄一些學習過程中的筆...

html css學習筆記

1.html結構標準 2.css樣式標準 3.js行為標準1.ie 2.谷歌 3.火狐 4.蘋果 5.歐朋 注意 其他瀏覽器都用別人瀏覽器技術,只是更換了 doctype html 描述當前檔案的版本資訊,如果沒有詳細說明就是5.0版本 html html檔案 head 網頁的頭部 meta cha...