摘要:用戶代理瀏覽器給視障用戶朗讀網(wǎng)頁的屏幕閱讀器,以及搜索引擎放出的爬蟲都是用戶代理,它們需要顯示朗讀和分析網(wǎng)頁。小知識(shí)屬性中的文本會(huì)在圖片因故未能加載時(shí)顯示,或者由屏幕閱讀器朗讀出來。
前言
代碼網(wǎng)址:http://www.stylinwithcss.com/
第一章 HTML標(biāo)記與文檔結(jié)構(gòu) 1.html的含義HTML 標(biāo)記內(nèi)容的目的是為了賦予網(wǎng)頁語義(semantic)。就是要給你的網(wǎng)頁內(nèi)容賦予某些用戶代理(user agent)能夠理解的含義。
用戶代理:瀏覽器、給視障用戶朗讀網(wǎng)頁的屏幕閱讀器,以及搜索引擎放出的 Web 爬蟲都是用戶代理,它們需要顯示、朗讀和分析網(wǎng)頁。
閉合標(biāo)簽包含的是會(huì)顯示的實(shí)際內(nèi)容,而自閉合標(biāo)簽只是給瀏覽器提供一個(gè)對(duì)要顯示內(nèi)容的引用。瀏覽器會(huì)在 HTML 頁面加載的時(shí)候,額外向服務(wù)器發(fā)送請(qǐng)求,以取得自閉合標(biāo)簽引用的內(nèi)容。
3.alt屬性的作用視障用戶使用的屏幕閱讀器會(huì)大聲讀出 alt 屬性的內(nèi)容,因此一定要給
帶有 title屬性的 HTML img元素,title屬性有什么值,無關(guān)緊要。
小知識(shí):alt屬性中的文本會(huì)在圖片因故未能加載時(shí)顯示,或者由屏幕閱讀器朗讀出來。而 title屬性會(huì)在用戶鼠標(biāo)移動(dòng)到圖片上時(shí),顯示一個(gè)包含相應(yīng)文本的提示。
2)屬性值選擇
img[title="red flower"] {border:4px solid green;}
在圖片的 title 屬性值為 red flower 的情況下,才會(huì)為圖片添加邊框。
f.偽類和偽元素以前總結(jié)過,結(jié)合這本書的新知識(shí)再重新怎里一下。
https://segmentfault.com/a/1190000018001646 偽類與偽元素
color屬性設(shè)定的是前景色(?)。前景色既影響文本也影響邊框,但人們通常只用它設(shè)定文本顏色。
2019.1.21 今天一天都在為生活中的事情奔波,亂七八糟的事情一堆,煩心。晚上做了點(diǎn)蛋撻,也翻車了==。不過做蛋撻的時(shí)候還是挺開心的,因?yàn)榭傁胫R上就有香甜酥脆,軟糯潤滑,能把隔壁小孩饞哭的蛋撻吃了。有美好的期望,總能讓人干勁十足!!
2019.1.24 又看了一點(diǎn),紀(jì)錄一下。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/117279.html
摘要:技巧使你的更加專業(yè)這是上關(guān)于技巧的一篇譯文,另外你也可以在本項(xiàng)目看到原文。列舉了一些很實(shí)用的技巧,比如給空內(nèi)容的標(biāo)簽添加內(nèi)容,逗號(hào)分隔列表等等。排序算法看源碼,把它背下來吧排序算法的封裝。主要幫助初學(xué)者更好的掌握排序算法的實(shí)現(xiàn)。 成為專業(yè)程序員路上用到的各種優(yōu)秀資料、神器及框架 成為一名專業(yè)程序員的道路上,需要堅(jiān)持練習(xí)、學(xué)習(xí)與積累,技術(shù)方面既要有一定的廣度,更要有自己的深度。 Java...
摘要:技巧使你的更加專業(yè)這是上關(guān)于技巧的一篇譯文,另外你也可以在本項(xiàng)目看到原文。列舉了一些很實(shí)用的技巧,比如給空內(nèi)容的標(biāo)簽添加內(nèi)容,逗號(hào)分隔列表等等。排序算法看源碼,把它背下來吧排序算法的封裝。主要幫助初學(xué)者更好的掌握排序算法的實(shí)現(xiàn)。 成為專業(yè)程序員路上用到的各種優(yōu)秀資料、神器及框架 成為一名專業(yè)程序員的道路上,需要堅(jiān)持練習(xí)、學(xué)習(xí)與積累,技術(shù)方面既要有一定的廣度,更要有自己的深度。 Java...
摘要:原文第一章主要介紹的大概情況基本語法。通過和來引用對(duì)象屬性或數(shù)組元素的值就構(gòu)成一個(gè)表達(dá)式。 原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介紹 JavaScript 的大概情況、基本語法。之前沒有 JavaScript 基礎(chǔ)的看不懂也沒關(guān)系,后續(xù)章節(jié)會(huì)有進(jìn)一步的詳細(xì)說明...
摘要:初級(jí)書單深入理解人評(píng)價(jià)作者徐濤出版社機(jī)械工業(yè)出版社出版年年月日贊回復(fù)添加到豆列來自豆瓣讀書響應(yīng)式設(shè)計(jì)人評(píng)價(jià)作者出版社人民郵電出版社出版年年月日贊回復(fù)添加到豆列來自豆瓣讀書深入淺出中文版人評(píng)價(jià)作者馬勞克林出版社東南大學(xué)出版社出版年年月 初級(jí)書單 深入理解Bootstrap 7.0 (65人評(píng)價(jià))作者: 徐濤 出版社: 機(jī)械工業(yè)出版社 出版年: 2014-52015年1月19日 贊 回復(fù)添...
摘要:初級(jí)書單深入理解人評(píng)價(jià)作者徐濤出版社機(jī)械工業(yè)出版社出版年年月日贊回復(fù)添加到豆列來自豆瓣讀書響應(yīng)式設(shè)計(jì)人評(píng)價(jià)作者出版社人民郵電出版社出版年年月日贊回復(fù)添加到豆列來自豆瓣讀書深入淺出中文版人評(píng)價(jià)作者馬勞克林出版社東南大學(xué)出版社出版年年月 初級(jí)書單 深入理解Bootstrap 7.0 (65人評(píng)價(jià))作者: 徐濤 出版社: 機(jī)械工業(yè)出版社 出版年: 2014-52015年1月19日 贊 回復(fù)添...
閱讀 1750·2021-09-23 11:34
閱讀 2472·2021-09-22 15:45
閱讀 12818·2021-09-22 15:07
閱讀 2220·2021-09-02 15:40
閱讀 4106·2021-07-29 14:48
閱讀 1071·2019-08-30 15:55
閱讀 3245·2019-08-30 15:55
閱讀 2189·2019-08-30 15:55