Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久久精品一区二区国产,极品国产一区二区三区,点击进入不卡毛片免费观看 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          絕對(duì)干貨，Python爬蟲處理\xa0、\u3000、\u2002、\u2003等空格
          
        
           
          
	
	
          
		
                        
          ython爬蟲處理\xa0、\u3000、\u2002、\u2003等空格
            • 普通全角空格(\u3000）
            • html實(shí)體不間斷空格(\xa0）
            • html實(shí)體半角空格(\u2002）
            • html實(shí)體全角空格(\u2003）
          在爬取網(wǎng)頁(yè)時(shí)，對(duì)網(wǎng)頁(yè)數(shù)據(jù)清洗時(shí)常會(huì)遇到空格，有的網(wǎng)頁(yè)空格類型還不止一種，如果不能正確處理，可能無法提取到需要的數(shù)據(jù)。這里記錄下自己使用正則處理各種類型空格的經(jīng)歷。
          空格類型
          這里把空格格式分兩類，一類這里表述為普通文本空格，另一類表述為html實(shí)體空格。普通文本空格介紹 普通半角空格 和 普通全角空格 。html實(shí)體空格介紹三種，分別為 html實(shí)體不間斷空格 （   ）、 html實(shí)體半角空格 (   )和 html實(shí)體全角空格 (   )。
          1. 普通半角空格 ：英文空格鍵。這是最常見的空格，比如我們寫代碼時(shí)，按下空格鍵產(chǎn)生的就是這種空格鍵。正則里直接使用空格或者\(yùn)s就能匹配，在python中對(duì)應(yīng)的unicode碼為\u0020；
          2. 普通全角空格 ：中文空格鍵。中文網(wǎng)頁(yè)上常會(huì)出現(xiàn)，直接使用正則的\s匹配不到，unicode碼為\u3000；
          3. html實(shí)體不間斷空格 ：html中的常用空格，出現(xiàn)在html中為 。網(wǎng)頁(yè)上看不到，打開瀏覽器開發(fā)工具可以看到，unicode碼為\u00A0，對(duì)應(yīng)的十六進(jìn)制為\xa0；
          4. html實(shí)體半角空格 ：&ensp，unicode碼為\u2002;
          5. html實(shí)體全角空格 ：&emsp，unicode碼為\u2003;
          普通半角空格
          這種空格不需要特殊處理，使用正則匹配，可以直接使用空格或者\(yùn)s。為了以下鋪墊，這里也舉個(gè)用unicode碼匹配該類型空格的例子，代碼如下所示
          s = 'hello word, hi python'
print re.findall(r'i py', s)  # 直接用空格
print re.findall(r'i\spy', s)  # 用\s
print re.findall(ur'i\u0020py', s)  # 用unicode碼
          執(zhí)行結(jié)果如下
          普通全角空格(\u3000）
          該鏈接 導(dǎo)航欄各欄目之間有空格（這個(gè)就是\u3000類型的，但是直接看不出來，代碼抓取下來可以看到），如下圖所示
          以下使用代碼獲取該段文本，并使用正則提取
          import re

from requests import get
from lxml import etree

url = 'http://hebng.hljcourt.gov.cn/public/detail.php?id=1818'
headers = {
 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0'}
resp = get(url, headers=headers)
html = resp.content.decode('gbk')
et = etree.HTML(html)
text_list = et.xpath('/html/body/table[3]/tr[2]//text()')
text = et.xpath('string(/html/body/table[3]/tr[2])')
print '=' * 50
print re.findall(ur'法院概況 新聞中心', text)  # 匹配不到
print re.findall(ur'法院概況\s新聞中心', text)  # 匹配不到
print re.findall(ur'法院概況\u3000新聞中心', text)  # 這樣才可以匹配到
print '=' * 50
          執(zhí)行結(jié)果如下
          從以上圖片可以看到該網(wǎng)頁(yè)導(dǎo)航欄各欄目之間的空格就是這種\u3000這種空格，這種類型空格要匹配的話需要在正則表達(dá)式中使用unicode碼。
          html實(shí)體不間斷空格(\xa0）
          該鏈接 正文之間有很多不間斷空格，打開開發(fā)者工具可以直接看到
          以下使用代碼獲取該段文本，并使用正則提取
          import re

from requests import get
from lxml import etree

url = 'http://sthj.tj.gov.cn/ZWGK4828/ZFXXGK8438/FDZDGK27/XZCFQZXZCFXX7581/202010/t20201020_3958760.html'
headers = {
 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0'}
resp = get(url, headers=headers)
html = resp.content.decode('utf-8')
et = etree.HTML(html)
text_list = et.xpath('//*[@id="zoom"]/p[30]/text()')
text = et.xpath('string(//*[@id="zoom"]/p[30])')  # 注意申請(qǐng)行政復(fù)議前面有四個(gè)空格，其中三個(gè)不間斷空格，一個(gè)普通半角空格
print '=' * 200
print re.findall(ur'\s\s申請(qǐng)行政復(fù)議', text)  # 普通半角接普通半角匹配不到
print re.findall(ur'\xa0\s申請(qǐng)行政復(fù)議', text)  # 不間斷空格接普通半角空格可以匹配到
print re.findall(ur'\u00A0\s申請(qǐng)行政復(fù)議', text)  # 不間斷空格接普通半角空格可以匹配到
print '=' * 200
          執(zhí)行結(jié)果如下
          從以上圖片結(jié)果可以看出，使用正則匹配非間斷空格時(shí)，需要使用unicode碼\u00A0或者十六進(jìn)制\xa0。
          html實(shí)體半角空格(\u2002）
          該鏈接 正文末尾的日期前面有很多**&ensp**這種空格，打開開發(fā)者工具可以直接看到
          以下使用代碼獲取該段文本，并使用正則提取
          import re

from requests import get
from lxml import etree

url = 'http://sthj.tj.gov.cn/ZWGK4828/ZFXXGK8438/FDZDGK27/XZCFQZXZCFXX7581/202112/t20211207_5743296.html'
headers = {
 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0'}
resp = get(url, headers=headers)
html = resp.content.decode('utf-8')
et = etree.HTML(html)
text_list = et.xpath('//*[@id="zoom"]/div/p[38]/span[1]/text()')
text = et.xpath('string(//*[@id="zoom"]/div/p[38]/span[1])')
print '=' * 200
print re.findall(ur'\s20', text)  # 普通半角匹配不到
print re.findall(ur'\u200220', text)  # unicode碼\u2002可以匹配到
print '=' * 200
          執(zhí)行結(jié)果如下
          從以上圖片結(jié)果可以看出，使用正則匹配html實(shí)體半角空格時(shí)，需要使用unicode碼\u2002。
          html實(shí)體全角空格(\u2003）
          該鏈接 正文表格表頭有一列中有該類型空格，   ，如下圖所示
          以下使用代碼獲取該段文本，并使用正則提取
          import re

from requests import get
from lxml import etree

url = 'http://hebng.hljcourt.gov.cn/public/detail.php?id=1818'
headers = {
 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0'}
resp = get(url, headers=headers)
html = resp.content.decode('gbk')
et = etree.HTML(html)
text_list = et.xpath('//table[@class="ke-zeroborder"]/tbody/tr[1]/td[1]/text()')
text = et.xpath('string(table[@class="ke-zeroborder"]/tbody/tr[1]/td[1])')
print '=' * 200
print re.findall(ur'\t\s\r', text_list[0])  # 普通半角匹配不到
print re.findall(ur'\t\u2003\r', text_list[0], flags=re.S)  # unicode碼\u2003可以匹配到
print '=' * 200
          執(zhí)行結(jié)果如下
          從以上結(jié)果看出，使用正則匹配html實(shí)體半角空格時(shí)，需要使用unicode碼\u2003。
          統(tǒng)一處理方式
          從以上幾個(gè)例子可以看出，網(wǎng)頁(yè)上的空格類型要想處理好，是要兼顧幾種情況的，其實(shí)爬蟲主要遇到的就是\xa0、\u3000這兩種。可以使用統(tǒng)一正則匹配，如下測(cè)試代碼
          import re

s = u'\u2002\u2003\xa0\u3000Say'

print len(s)
print s
print re.findall(r'\s{4}Say', s)  # 普通空格匹配不到
print re.findall(ur'[\u2002\u2003\xa0\u3000]{4}Say', s)  # 使用unicode碼可以匹配到
print re.findall(r'\s{4}Say', s, flags=re.U)  # 使用re.U模式可以匹配到
          代碼執(zhí)行結(jié)果如下
          注意看以上結(jié)果，這里的s是unicode字符串，共7個(gè)字符，其中四個(gè)不同類型的空格，使用對(duì)應(yīng)的unicode碼可以匹配到這些空格。
          要注意下當(dāng)正則模式的編譯標(biāo)志位(flags)為re.U時(shí)，使用正則符號(hào)\s是可以匹配到各種類型的空格的 。
          最后安利一個(gè)查unicode字符的網(wǎng)站unicode-table，可以在 html實(shí)體 這里看到有許多html中不同類型的空格。
          ：為什么SEO人員要學(xué)會(huì)HTML代碼標(biāo)簽的使用?
          請(qǐng)注意，會(huì)建站不一定意味著懂HTML，現(xiàn)在隨便找個(gè)CMS或者博客程序(如WordPress、Z-blog)，一個(gè)毫無HTML常識(shí)的菜鳥都能輕易建站，所以我要強(qiáng)調(diào)“一定要懂HTML”。或許很多人在網(wǎng)上看到或者聽某家SEO培訓(xùn)機(jī)構(gòu)說：“SEO很簡(jiǎn)單，你在我們這里學(xué)會(huì)了，以后直接去指導(dǎo)別人就可以，所以學(xué)SEO不用懂HTML”，不要以為我危言聳聽，我確實(shí)碰到過很多朋友走進(jìn)了這樣的誤區(qū)，在這里我想說：“學(xué)SEO不懂HTML，那你就不用學(xué)了!” HTML是SEO不可或缺的一部分，關(guān)鍵詞布局、策略的調(diào)整都離不開HTML，網(wǎng)站制作時(shí)的諸多修改、調(diào)整也要用到HTML，想學(xué)SEO，先學(xué)會(huì)HTML吧!

          ①　首先我們大體來介紹了網(wǎng)頁(yè)的基本結(jié)構(gòu)，網(wǎng)頁(yè)里面標(biāo)簽分為head和body標(biāo)簽，翻譯起來很容易理解。head是頭部，里面包含著title(網(wǎng)頁(yè)標(biāo)題)、keyword(關(guān)鍵詞)、description(網(wǎng)頁(yè)描述)這三個(gè)基本標(biāo)簽，可能還有css以及JS等在head標(biāo)簽里面，這里我們先不用管他。而我們一般SEOer主要工作就是做網(wǎng)頁(yè)標(biāo)題、關(guān)鍵詞、描述這幾個(gè)塊，這是不得不做的，但是主要內(nèi)容都還在body里面，其實(shí)這個(gè)我們可以把它理解為身體，一個(gè)比較成熟的網(wǎng)頁(yè)要求五臟六腑俱全。所以里面有很多模塊和功能，現(xiàn)在比較流行的CSS+DIV，代碼比較簡(jiǎn)潔，美觀，表現(xiàn)力比較強(qiáng)，所以table也漸漸的退出市場(chǎng)，因?yàn)閷?duì)SEO來說table(表格)占用內(nèi)存比較多，是DIV的10倍以上，所以我們也能不用最好不用。
          ②　做SEO還必須知道代碼的規(guī)范標(biāo)準(zhǔn)，現(xiàn)在通過W3C標(biāo)準(zhǔn)很難，因?yàn)榫W(wǎng)站很難不出現(xiàn)錯(cuò)誤，其實(shí)細(xì)小的錯(cuò)誤肯本沒有影響，只要不多搜索引擎也比較容易接受。但是能不錯(cuò)誤就不要出現(xiàn)，網(wǎng)頁(yè)前面最好申明標(biāo)準(zhǔn)體系，一般我們中國(guó)大陸的編碼是GB2312和UTF-8，一般后者用的比較多，這個(gè)我們先不解釋。
          ③　還有就是現(xiàn)在搜索引擎可以讀懂JS代碼，所以對(duì)網(wǎng)站影響越來越小，不要在影響用戶體驗(yàn)的情況下而去除JS，這是不明智的。特別是谷歌，幾年前就可以讀懂一般性JS代碼，就算是導(dǎo)航也沒有影響，但是這里我們也不推薦用JS寫導(dǎo)航.如果朋友們現(xiàn)在想學(xué)Html知識(shí)了，我向大家推薦去下本HTML標(biāo)簽的電子書，里面的例子很多，也很詳細(xì)，非常適合初學(xué)者。如果你想成為一名合格的優(yōu)化，那么就去學(xué)下HTML，不然程序員會(huì)認(rèn)為你什么都不懂在瞎指揮。

          SEO人員應(yīng)該都知道HTML語(yǔ)言是什么?那么我就來給大家寫一篇SEO和HTML的文章，所以本文就為廣大的seo人員介紹SEO必須懂的HTML代碼標(biāo)簽。總體來說，SEO人員大部分情況下并不需要直接參與網(wǎng)站程序的編寫，所以，我們只需要能看懂一部分html代碼，并且在工具的輔助下，能夠增、改、刪這9個(gè)標(biāo)簽就可以了。

          二：SEO人員必須懂的HTML語(yǔ)言代碼
          1．標(biāo)題標(biāo)簽：如果我們不知道網(wǎng)頁(yè)的標(biāo)題是由哪個(gè)標(biāo)簽來控制的，是一件很失敗的事情。曾與一位朋友交流其站點(diǎn)的優(yōu)化問題，我對(duì)他說頁(yè)面的標(biāo)題要優(yōu)化一下，標(biāo)題的寫法最好是“文章標(biāo)題-欄目名稱-網(wǎng)站名稱”的結(jié)構(gòu)，結(jié)果他將正文的標(biāo)題修改了。這充分說明這位朋友并 懂標(biāo)題標(biāo)簽，所以不知道如何去修改頁(yè)面標(biāo)題。而頁(yè)面標(biāo)題對(duì)于搜索引擎來說是非常重要的，所以我們 作為SEO人員，一定要會(huì)使用標(biāo)題標(biāo)簽。

          2．頁(yè)面關(guān)鍵詞標(biāo)簽：作為SEO人員，所有的工作內(nèi)容都是在做與關(guān)鍵詞相關(guān)的工作，所以我們千萬不能將這個(gè)標(biāo)簽忽略了。對(duì)于常見有兩種錯(cuò)誤：
          a. 沒有使用頁(yè)面關(guān)鍵詞標(biāo)簽：通過源碼，我們可以發(fā)現(xiàn)很多網(wǎng)站其實(shí)沒有這個(gè)標(biāo)簽。沒有此標(biāo)簽的網(wǎng)站，大部分情況是因?yàn)镃MS程序不支持，而有些則是因?yàn)椴幻?白它的作用，所以沒有添加。不論是那種情況，我們都可以通過某些方法來改進(jìn)。
          b. 關(guān)鍵詞分隔符號(hào)使用不正確：關(guān)鍵詞內(nèi)容的正確形式是【content=“關(guān)鍵詞，關(guān)鍵詞2,……”】，關(guān)鍵詞與關(guān)鍵詞之間使用英文半角逗號(hào)分隔開來，而不是使用下劃線、豎線或者空格等符號(hào)。

          3．頁(yè)面描述標(biāo)簽：此標(biāo)簽可以看著是定義文章的主要內(nèi)容，與標(biāo)題一樣，搜索引擎會(huì)將其顯示在搜索結(jié)果頁(yè)中。所以我們千萬不要忽略，甚至于我們可以利用這一點(diǎn)來將一些促銷和利好信息展示給搜索者，描述的寫法可以參見我們之前的文章。

          4．默認(rèn)地址標(biāo)簽：在某些情況下，我們的網(wǎng)站會(huì)被某些人惡意復(fù)制，造成網(wǎng)站排名下降和權(quán)重流失等損失，為了在一定程度上防御這種復(fù)制帶來的后果，很 多SEO人員提出在外鏈接中使用絕對(duì)url的方法。實(shí)際上除了使用絕對(duì)地址，我們還可以使用默認(rèn)地址標(biāo)簽，使用了默認(rèn)地址標(biāo)簽的頁(yè)面，其頁(yè)內(nèi)所有的相對(duì)url地址所指定的url作為基準(zhǔn)，進(jìn)行鏈接。同時(shí)，在此也提醒一下建站的朋友，如果使用了默認(rèn)地址標(biāo)簽，在修改各種包含文件--如css,js等引用文件--的時(shí)候，要去掉默認(rèn)地址標(biāo)簽，否則修改本地文件是無效的，因?yàn)樗鼤?huì)默認(rèn)去調(diào)用href指定的文件。

          5．文字加粗標(biāo)簽：這兩組html標(biāo)簽在 視覺效果上都是讓文字加粗，都有強(qiáng)調(diào)的作用，它會(huì)告訴用戶和搜索引擎，這部分內(nèi)容在本頁(yè)面是很重要的。所以我們?cè)陧?yè)面中可以將重要的詞組--一般是關(guān)鍵 詞，進(jìn)行或加粗強(qiáng)調(diào)。但是要避免通篇都是加粗，或者 通篇都沒有詞組被加粗，這兩種方式都是不可取的。大部分情況下，使用或者效果是類似的，有專家 提出使用字符更少、更能節(jié)約帶寬，所以建議將都換 成，但顯然這個(gè)理由并不是那么充分和吸引人，幾個(gè)字符，對(duì)于現(xiàn)在的福鼎網(wǎng)絡(luò)速度來說，完全可以忽略不計(jì)。

          6．內(nèi)容最大標(biāo)題標(biāo)簽：被包含的內(nèi)容，搜索引擎會(huì)給予很高的權(quán)重，所以作為SEO人員，一定要重視這一點(diǎn)。并且要記住：是用來定義正文內(nèi)容最大標(biāo)題，而不是頁(yè)面標(biāo)題，不要與混淆。同時(shí)，一個(gè)頁(yè)面只允許有一個(gè)標(biāo)簽，否則會(huì)被認(rèn)為是作弊--目前來說是這樣的，HTML5擁有更強(qiáng)的功 能，允許一個(gè)頁(yè)面有多個(gè)標(biāo)簽，但目前還未完全被搜索引擎所支持，所以我們堅(jiān)持在一個(gè)頁(yè)面使用一個(gè)是沒錯(cuò)的。

          7．內(nèi)容次級(jí)標(biāo)題標(biāo)簽：一篇文章，除了標(biāo)題，還會(huì)有各種次級(jí)段落標(biāo)題，比如本文：就存在多個(gè)次級(jí)標(biāo)題。一般建議，頁(yè)面必須有和標(biāo)簽，和標(biāo)簽不作要求，也不建議使用及更次級(jí)的標(biāo)簽，因?yàn)樽饔貌淮螅?不阻止使用，因?yàn)樗麄兪俏臋n的標(biāo)準(zhǔn)標(biāo)簽，即使無用，也無害。

          8．超鏈接標(biāo)簽：作為SEO人員，這個(gè)HTML標(biāo)簽是必須懂的，在互聯(lián)網(wǎng)中超鏈接標(biāo)簽可以說是靈魂一般的存在，如果 沒有超鏈接標(biāo)簽，網(wǎng)站將失去意義。不管我們是做錨文本，還是做圖片鏈接，都需要使用它。這里我們要注意它的兩個(gè)屬性，一個(gè)是【target】，它決定了鏈接以何種方式打開，一般站內(nèi)鏈接會(huì)被定義為在當(dāng)前頁(yè)面打開，外部鏈接被定義為在新窗口中打開。另外一個(gè)屬性是【rel】，其最讓SEO人員關(guān)注的就是【Nofollow】值，因?yàn)樗聿粋鬟f權(quán)重。對(duì)內(nèi)可以集中權(quán)重，不使其分散到無意義的頁(yè)面;對(duì)外，可以防止權(quán)重流失和避免被騙友情鏈接。

          9．圖片標(biāo)簽：圖片標(biāo)簽我們要注意的是其【alt】屬性，因?yàn)樗阉饕娌⒉徽J(rèn)識(shí)圖片，而【alt】屬性則在大概意義上告訴了搜索引擎此圖片的內(nèi)容。 所以，作為SEO人員，一定要重視【alt】屬性的使用，對(duì)每一幅具有實(shí)際意義的圖片都應(yīng)該加上【alt】屬性，并為其指定內(nèi)容。在大多數(shù)瀏覽器中，定義 了【alt】屬性內(nèi)容的圖片，當(dāng)鼠標(biāo)懸停在圖片上的時(shí)候，會(huì)顯示【alt】屬性值：鼠標(biāo)懸停顯示【alt】屬性值

          另外兩個(gè)屬性【widht】和【height】用來定義圖片的寬度和高度，大部分情況下，很多程序編寫人員都是忽略，讓瀏覽器自行判斷圖片的大小。 這種做法在圖片的顯示上面是沒有什么錯(cuò)誤的，但是忽略【width】和【height】屬性，會(huì)增加圖片顯示的時(shí)間，所以我們應(yīng)該主動(dòng)給圖片加上寬度和高 度屬性，并指定其值。

          關(guān)注本頭條（常州姜東），帶您詳細(xì)了解SEO培訓(xùn)優(yōu)化十四步：（如何做出一個(gè)好的SEO效果）

          1、做SEO優(yōu)化第0步:你真的了解SEO優(yōu)化嗎？淺談網(wǎng)站優(yōu)化之用戶體驗(yàn)優(yōu)化
          2、做SEO優(yōu)化第一步:初步了解SEO的作用
          3、做SEO優(yōu)化第二步:背熟所有SEO基礎(chǔ)名詞
          4、做SEO優(yōu)化第三步:學(xué)習(xí)了解HTML基礎(chǔ)知識(shí)
          5、做SEO優(yōu)化第四步:學(xué)會(huì)搭建一個(gè)個(gè)人網(wǎng)站（cms系統(tǒng)）
          6、做SEO優(yōu)化第五步:定位目標(biāo)關(guān)鍵詞和長(zhǎng)尾關(guān)鍵詞
          7、做SEO優(yōu)化第六步:設(shè)置Title、keywords和Description
          8、做SEO優(yōu)化第七步:如何選擇網(wǎng)站程序模版?
          9、做SEO優(yōu)化第八步:如何設(shè)置網(wǎng)站目錄優(yōu)化?
          10、做SEO優(yōu)化第九步:如何設(shè)置頁(yè)面內(nèi)容優(yōu)化
          11、做SEO優(yōu)化第十步:內(nèi)容源找尋和網(wǎng)站更新維護(hù)方法
          12、做SEO優(yōu)化第十一步:如何設(shè)置外部鏈接優(yōu)化
          13、做SEO優(yōu)化第十二步:網(wǎng)站優(yōu)化推廣方案
          14、做SEO優(yōu)化第十三步:一定要最好用戶體驗(yàn)優(yōu)化

          業(yè)圖片
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            text-shadow: 5px 5px 5px #FF0000
        }
    </style>
</head>
<body>
    <h1>王耶浪Web開發(fā)學(xué)習(xí)筆記</h1>
</body>
</html>
          （1）word-wrap 用來強(qiáng)制換行。
          其語(yǔ)法格式為：
          word-wrap: normal|break-word;
          屬性值說明：
          • normal：只在允許的斷字點(diǎn)換行（瀏覽器保持默認(rèn)處理）。
          • break-word：在長(zhǎng)單詞或 URL 地址內(nèi)部進(jìn)行換行。
          例子，
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width:300px;
            border: 1px solid rgb(179, 126, 223);
            word-wrap: break-word;
        }
    </style>
</head>
<body>
    <div>
        “The bad news is time flies. The good news is you're the pilot.” - Michael Altshuler
    </div>
</body>
</html>
          （2）word-break 屬性也是用來強(qiáng)制換行的。
          其語(yǔ)法為：
          word-break: normal|break-all|keep-all;
          取值說明：
          值
          描述
          normal
          使用瀏覽器默認(rèn)的換行規(guī)則。
          break-all
          允許在單詞內(nèi)換行。
          keep-all
          只能在半角空格或連字符處換行。
          例子，
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            margin-top: 40px;
        }
        #text1{
            border: 1px solid rgb(179, 126, 223);
            width:100px;
            word-break: break-all;
        }
        #text2{
            border: 1px solid rgb(179, 126, 223);
            width:100px;
            word-break: keep-all;
        }
    </style>
</head>
<body>
    <div id="text1">
        “The bad news is time flies. The good news is you're the pilot.” - Michael Altshuler
    </div>
    <div id="text2">
        “The bad news is time flies. The good news is you're the pilot.” - Michael Altshuler
    </div>
</body>
</html>
          （3）練習(xí)：挑戰(zhàn)一下，word-break
          在前面的內(nèi)容中，我們已經(jīng)學(xué)習(xí)過關(guān)于 word-break 屬性的使用了。這里我們來挑戰(zhàn)一下自己吧！
          知識(shí)點(diǎn)
          • word-break 屬性
          挑戰(zhàn)準(zhǔn)備
          創(chuàng)建一個(gè)html 文件，并寫入如下所示 HTML 頁(yè)面框架。
          <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>
          實(shí)驗(yàn)要求
          1. 新建一個(gè) html 文件。
          2. 頁(yè)面上有兩對(duì)同級(jí)的 p 標(biāo)簽，分別添加類選擇器為：test1、test2。
          3. 設(shè)置 test1 的樣式為：寬為 9em，邊框的粗細(xì)為 1px，邊框顏色為黑色，背景顏色為 aquamarine，只能在半角空格或連字符處換行。
          4. 設(shè)置 test2 的樣式為：寬為 9em，邊框的粗細(xì)為 1px，邊框顏色為黑色，背景顏色為 darkgreen，允許在單詞內(nèi)換行。
          驗(yàn)證測(cè)試
          按以上要求用 HTML 完成以下效果：
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲国产成人久久综合一区|
国偷自产一区二区免费视频|
国产麻豆媒一区一区二区三区|
日韩精品一区二区三区色欲AV
|
成人一区二区三区视频在线观看|
亚洲色偷精品一区二区三区|
精品国产AV无码一区二区三区|
亚洲国产专区一区|
蜜桃传媒视频麻豆第一区|
精品国产一区二区三区香蕉|
一区二区三区福利|
日韩人妻精品无码一区二区三区
|
日韩在线视频一区二区三区|
一区视频免费观看|
精品无码国产一区二区三区AV|
成人h动漫精品一区二区无码|
国产精品亚洲产品一区二区三区
|
精品久久一区二区|
手机福利视频一区二区|
国产精品视频一区二区三区四|
亚洲AV无码片一区二区三区|
国产高清在线精品一区小说|
中文字幕av一区|
亚洲老妈激情一区二区三区|
人妻夜夜爽天天爽一区|
亚洲爆乳精品无码一区二区三区
|
91一区二区三区|
亚洲AV无码片一区二区三区|
精品一区二区久久|
日本精品少妇一区二区三区|
日韩一区二区三区无码影院|
色系一区二区三区四区五区|
亚洲福利电影一区二区?|
久久久精品日本一区二区三区|
亚无码乱人伦一区二区|
亚欧色一区W666天堂|
合区精品久久久中文字幕一区|
国产精品第一区揄拍|
久久国产精品亚洲一区二区|
亚洲AⅤ视频一区二区三区|
男人的天堂av亚洲一区2区|