Automatikus tartalom-generálás egy cikkhez

Információk kiválasztása a HTML-ből

Kezdjük egy egyszerű példával - kapunk címeket és feliratokat, és közvetlenül a cikk elé terjesztjük őket.

Az id "toc" nevű div elem a tartalmi hivatkozások tartálya lesz (dinamikusan is hozzáadható, de ehhez a példához statikus struktúrát használunk). Egy példa cikket helyez el a div elemben az id "content" -el.

Ez a szkript létrehozza a következő HTML kódot:

És a fejlécek így fognak kinézni:

Megoldjuk a tartalom helyét

A második lépés, meg egy elem id „toc” tulajdonság úszó balra fix helyzetben, és egy elem id „tartalom” meg a float értéket a megfelelő ingatlan.

Az ötlet az, hogy az összes fejezet pozícióját felmérjük és függőlegesen felmérjük az oldalon. Így kaphat vizuális ötletet a szakasz hosszáról.

Módosítsa a szkriptet az előző bemutatóról:

Ez a kód határozza meg az egyes fejlécek pozícióját (current.position ()), és beállítja a skálát a tartalomstruktúra feltöltéséhez. HTML hivatkozások hozzáadása után az új pozíció CSS ​​használatával kerül meghatározásra. A HTML linkek teljesen el vannak helyezve. Emellett minden fejléc különböző betűmérettel rendelkezik. A CSS for Demo 3 így néz ki:

következtetés

A cikkek kialakításának ez a megközelítése lehetővé teszi a felhasználó számára, hogy becsülje meg az anyag mennyiségét és menjen a kívánt részre. Ebben az esetben egy ilyen funkció létrehozása automatikusan elvégezhető minden olyan anyag esetében, amely egy egyszerű formátumnak felel meg.

Automatikus tartalom-generálás egy cikkhez

Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!

Automatikus tartalom-generálás egy cikkhez

Automatikus tartalom-generálás egy cikkhez

Ha sokáig szeretné megtanulni a HTML-t, akkor remek híreket kaptam neked!

Automatikus tartalom-generálás egy cikkhez

Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.

Automatikus tartalom-generálás egy cikkhez

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!

Kapcsolódó cikkek