HTML語義化

garfileo 發布于2019-08-02 15:31 / 1284人閱讀

摘要：語義化的好處有利于，搜索引擎根據標簽來確認上下文和各個關鍵字的權重。有利于閱讀，在樣式丟失的情況下也能呈現清晰的結構。

html語義化的好處

有利于SEO，搜索引擎根據標簽來確認上下文和各個關鍵字的權重。

有利于閱讀，在樣式丟失的情況下也能呈現清晰的結構。

有利于機器解析，盲人閱讀器等根據語義解析

有利于開發和維護，語義化使html代碼結構更清晰，更具可讀性

常見的語義化標簽:

em：斜體，強調語氣

aside：側邊欄，具有導航性質的模塊內容

nav：一般為給當前頁面內容提供導航鏈接、目錄、索引等

article：表示獨立的結構，或者可復用的內容

abbr：表示縮寫，title屬性為完整內容

header：通常表示網頁的頭部內容，包括搜索框、logo、標題組等

hgroup：對網頁或者區段（section）的標題組合

hr：表示故事走向的轉換或者話題的轉換時的水平分割線，如果是普通的水平線頁面效果，用css呈現

blockquote：段落級的引述，內部包含左右縮進和內邊距

q：表示行內應用，對內容自動加引號

cite：表示作品名的引述

main：表示頁面的主要內容，一個頁面只能出現一次

footer：表示頁面或文檔的頁腳，一般包含作者、版權、聯系地址等

figure：表示與主文章相關的圖像、插圖、圖表、代碼片段等

figcaption：表示figure的說明

strong：表示強調，和em的差別有：em表現為斜體，strong為加粗，em為強調內容，strong為語氣更強的強調內容

pre：表示內容我們已經經過特殊排版了，不希望瀏覽器幫我們自動排版

samp：表示實例輸出

code：表示內容為代碼

time：表示日期或時間，有datetime屬性表示內容的日期或者時間，如果沒寫datetime，在內容中一定要有日期時間

dfn：表示對特殊術語的定義

GPU云服務器云服務器 html 標簽語義化語義化標簽語義化 html靜態化

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/54185.html

快速理解web語義化

摘要：代碼示例語義化語義化語義化語義化語義化年月日小維語義化標簽包括還有等。而沒有語義化的元素如則推薦使用。語義化包含了標簽語義化和命名語義化。什么是Web語義化 Web語義化是指使用恰當語義的html標簽、class類名等內容，讓頁面具有良好的結構與含義，從而讓人和機器都能快速理解網頁內容。語義化的web頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內...

LiveVideoStack 2019-08-01 18:43 評論0 收藏0
我眼中的Web 語義化

摘要：語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內容，然后將收集匯總的信息進行分析，結果為人類所用另一方面它可以讓開發人員讀懂結構和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內容。我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當的標簽，可以讓頁面具有良好的結構，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...

zhichangterry 2019-08-30 15:52 評論0 收藏0
我眼中的Web 語義化

摘要：語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息，從而可以讀懂網頁的內容，然后將收集匯總的信息進行分析，結果為人類所用另一方面它可以讓開發人員讀懂結構和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內容。我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當的標簽，可以讓頁面具有良好的結構，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...

ChanceWong 2019-08-01 16:23 評論0 收藏0
如何理解語義(semantic)化？

摘要：邏輯學的語義學著眼點在于邏輯系統的語義解釋，是一個理想化的模型系統，不直接涉及自然語言。例如，通過幫助臨床研究中的決策，語義技術將跨機構橋接多種形式的生物和醫學信息。 showImg(https://segmentfault.com/img/bVbrJYw?w=758&h=420); 前端工程師的招聘中，經常有這樣的要求：對Web 語義化有深刻理解。那么到底什么才是深刻理解Web語義化...

CarlBenjamin 2019-08-23 17:05 評論0 收藏0