קאָמפּיוטערס, פּראָגראַממינג
די HTML טאַגס פֿאַר די טעקסט: די אַליינמאַנט, גרייס, שריפֿט
עס וואָלט ויסקומען, וואָס צו וויסן HTML-טאַגס פֿאַר די טעקסט, אויב עס איז אין כּמעט קיין אַדמין האט אַ האַנטיק וויסואַל רעדאַקטאָר, וואָס שטעלט זיי אויטאָמאַטיש?
די פאַקט אַז די formatting פון צופרידן אויף די וועבזייַטל איז גאַנץ אַנדערש פון אַרבעט אין אָפיס אַפּלאַקיישאַנז. עס איז ניט גענוג נאָר צו געבן די טעקסט אַ אַטראַקטיוו אויסזען, ווייַל פון די ריכטיק רעגיסטראַציע דעפּענדס ניט בלויז אַרויסווייַזן אַ וועב בלאַט, אָבער אויך זייַן העכערונג אין זוכן ענדזשאַנז.
די HTML טאַגס און אַטריביוץ: יקערדיק סינטאַקס
קיין טעקסט האט אַ פאַרבאָרגן קאָד אַז "דערקלערט" די קאָמפּיוטער וואָס און ווי איר ווילן צו אַרויסווייַזן אויף דעם עקראַן. אַלע אינפֿאָרמאַציע איז רעקאָרדעד מיט אַ סכום פון וניווערסאַל עלעמענטן.
אין פאַקט, די HTML טאַגס פֿאַר טעקסט - דעם קאָלעקטיוו, וואָס לייגן צו די בלאַט Defined בלאַקס אָדער טוישן זייער אויסזען. די ריכטיק ריקאָרדינג פֿאָרמאַט איז ווי גייט:
ביטע טאָן אַז ניט אַלע טאַגס זענען פּערד. לעמאָשל,
(פאָרן שורה) אָדער <הר> (האָריזאָנטאַל שורה דערצו) טוט נישט דאַרפֿן צו זיין פֿאַרמאַכט אין אַלע.
וואָס קענען ניט קאָפּיע ארטיקלען פֿון וואָרט און אנדערע מגילה אין דער רעדאַקטאָר פון דעם פּלאַץ
כאָטש מאָדערן אָפיס מגילה נוצן די זעלבע די HTML טאַגס פֿאַר טעקסט, 99% פון די געבוירן קאָד איז ניט פּאַסיק פֿאַר וועב בלעטער. אַפֿילו אויב אין די אַפּלאַקיישאַן דאָקומענט איז געוויזן נאָרמאַלי, ווען איר אַרייַנלייגן דעם פּלאַץ זאל פאַרלירן formatting. אין דערצו, רעכט צו דער גרויס נומער פון עקסטרע טאַגס, און זוכן ענדזשאַנז קענען ניט אַדאַקוואַטלי אַנאַלייז די צופרידן פון די בלאַט אַטראַביוץ. אַז, אין דרייען, מאכט עס שווער צו העכערן דיין פּלאַץ.
צו קריגן אַ ריין און באַטייַטיק קאָד, איר ערשטער דאַרפֿן צו קלאָר די טעקסט פון די HTML טאַגס Created אין די געוויינטלעך רעדאַקטאָר. עס זענען עטלעכע וועגן צו טאָן דעם:
- "באקום באַפרייַען פון" דער אַרטיקל דורך די "נאָטעפּאַד" און בלויז דעמאָלט אַרייַנלייגן די פּלאַץ. די אַפּלאַקיישאַן דיליץ אַלע די HTML, אַזוי אַז דעמאָלט האָבן צו שייַעך-פֿאָרמאַט די טעקסט (ניצן די רעדאַקטאָר אָדער האַנט מכשירים).
- שרייב און אַרויסגעבן ארטיקלען דורך ליוועווריטער. די פאָלקס בלאָג רעדאַקטאָר מיד דזשענערייץ די ריכטיק קאָד. און אין אַ באַזונדער קוויטל, איר קענען זען ווי די טעקסט וועט קוקן אויף די וועבזייַטל.
- נוצן HTML קלינער. דעם אָנליין דינסט ניט צעשטערן אַלע פון די קאָד ווי אַ גאַנץ, אָבער נאָר די עקסטרע fragments. מיט Filters, איר קלייַבן וואָס טאַגס צו קראָם. עס איז אויך אַ שטאַרק וויסיוויג רעדאַקטאָר צו פֿאָרמאַט, וואָס מוסיף צו די שוין אָפּטימיזעד קאָד קאַמאַנדז.
שטענדיק טשעק די HTML איידער איר אַרויסגעבן אַ נייַ פּאָסטן. אין עס עס זאָל זיין קיין טאַגס אנדערע ווי די וואָס מיר איצט באַטראַכטן.
פּאַראַגראַפס
דעם עלעמענט איז פאָרשטעלן אין כּמעט אַלע די אַרטיקלען. יעדער פּאַראַגראַף זאָל זיין געשטעלט אין אַזאַ אַ קאַנטיינער - דעם סימפּליפיעס די formatting און אַלאַוז איר צו האַלטן אַ קאָנסיסטענט נוסח איבער די פּלאַץ. פֿאַר קאַנוויניאַנס, <פּ> קוויטל איז שטענדיק געשריבן מיט אַ נייַ שורה.
אַליינמאַנט
באַזונדער די HTML קוויטל "טעקסט אַליגנמענט" איז ניט מער געניצט. אַנשטאָט, דער אלגעמיינער אַטריביוט align האט שוין Created. צו ריפּאַזישאַן די טעקסט קעסטל אויף דעם בלאַט, איר מוזן סעלעקטירן איין פון 3 וואַלועס - צענטער, רעכט אָדער לינקס. סימילאַרלי, איר קענען ספּעציפיצירן די אַליינמאַנט פון די אנדערע עלעמענטן - אַזאַ ווי כעדערז.
אין עטלעכע סיטואַטיאָנס, פֿאַר אַליינמאַנט נוצן אנדערע טאַגס HTML. סענטערד טעקסט, למשל, קענען זיין עריינדזשד מיט די הילף פון די עלעמענט <צענטער> ... צענטער>. די באַקוועם באַזונדער קוויטל? אין קאַנטראַסט צו די אַטריביוט, עס אַרבעט מיט קיין אינהאלט, כולל שלי, ווידעא, בליץ, און אַזוי אויף. ד
כעדינגז און סובהעאַדינגס
סובטיטלעס די סיסטעם אַלאַוז איר צו שאַפֿן אַ לאַדזשיקאַל סטרוקטור פון די צופרידן. ווען די טעקסט איז צעטיילט אין סעמאַנטיק וניץ, די לייענער איז פיל גרינגער צו קאַנסאַנטרייט און לערנען נייַ אינפֿאָרמאַציע. זוך ענגינעס אויך אַנאַלייזד די כעדליינז צו זען וואָס קוויריז העכערן בלאט. אַז איז וואָס סעאָ עקספּערץ רעקאָמענדירן פֿאַר נוצן אין זייער טימאַטיק שליסלען.
אין HTML ניצט זעקס לעוועלס סאַבטייטאַלז - פֿון <ה 1> צו <ה 6>. אין דעם סיסטעם, עס איז אַ קלאָר כייעראַרקי:
- <ה 1> ... ה 1> . די הויפּט טיטל (טיטל פון דעם אַרטיקל, סכוירע אין די אָנליין קראָם, און אַזוי אויף. ד). אין די טעקסט עס קענען זיין נאָר איין <ה 1>. וסואַללי, עס כּולל די הויפּט טערמינען.
-
... ה 2>
. סובטיטלעס רגע מדרגה ברעכן טעקסט אין מעאַנינגפול וניץ. לעמאָשל, אויב איר זענען שאַצונג לאַפּטאָפּס, איר קענען מאַכן אַ ביסלמיט די נעמען פון די פאַרשידענע מאָדעלס.
- <ה 3> ... ה 3> . די דריט מדרגה איז דארף אויב די טעקסט צווישן די
איז אויך צעטיילט אין קליין בלאַקס. אין אונדזער בייַשפּיל, דעם קען זיין די יוואַליויישאַן קרייטיריאַ - "פֿאָרשטעלונג", "זכּרון", "ווידעא", און אַזוי אויף פֿאַר יעדער מאָדעל ...
- <ה 4>, <ה 5>, <ה 6>. אין פיר, זייער זעלטן. אָבער די אַלגעמיינע פּרינציפּ איז די זעלבע - זיי האָבן צו זיין "עמבעדיד" אין די אַפּאַראַט מיט די העכסטן שטאַפּל פון די סאַבטייטאַל.
וואַך אויס פֿאַר די פּרעזערוויישאַן פון די ריכטיק כייעראַרקי. אומגעקערט צו אונדזער למשל, דעם מיטל אַז איר קענען ניט מיד אַרייַן די מאָדעל נעמען ווי <ה 3> אָדער <ה 5>. און דערצו צו נוצן כאָומאַדזשיניאַס אין דעם זינען פון סאַבטייטאַלז בלאַקס פון פאַרשידענע לעוועלס (פֿאַר משל, הויכפּונקט אַ לאַפּטאַפּ, ראַנגקט לעצט אין די ראַנג, ניצן <ה 6>).
אבער דער סכעמע, וואָס וועט טייקעף פֿאַרשטיין און געדענקען די ריכטיק סטרוקטור פון כעדערז אין HTML.
רשימות
קיין אַריבערפירן און בעסער ינסטראַקשאַנז ארויס אין דער פאָרעם פון רשימות, ניצן אַ ספּעציעל די HTML טאַגס פֿאַר טעקסט (אַ פּראָסט גרייַז - נאָר אַ ביסל פּאַראַגראַפס פון <פּ>, וואָס אָנהייבן מיט אַ מאַקעף אָדער אַ ציפֿער).
די ביניען פון אַזאַ בלאַקס איז זייער פּשוט. אין ערשטער, מיר דעפינירן דעם טיפּ פון רשימה - בוללעטעד <אַל> ... אַל> אָדער געציילט <אָל> ... אָל>.
אַלע די יסודות זענען ליגן צווישן די עפן און קלאָוזינג טאַגס. יעדער רשימה נומער סטאַרץ מיט אַ נייַ שורה און האט די פֿאָרמאַט <לי> ... li>. די נומער פון עלעמענטן איז ניט באגרענעצט.
שריפֿט סעלעקציע: <שריפֿט> און זייַן אַטריביוץ
וואָס קענען זיין געביטן ניצן די HTML-צעטל? די גרייס פון די טעקסט, זייַן שריפֿט און קאָלירן - און אָן די דערצו פון נייַ קלאסן אין קסס. דאס איז זייער האַנטיק ווען איר דאַרפֿן צו סעלעקטירן בלויז איין זאַץ אָדער פראַגמענט.
<שריפֿט> האט עטלעכע אַטראַביוץ:
- פּנים. עס אַלאַוז איר צו טוישן די שריפֿט פון טעקסט. איר קענען רשימה קייפל אָפּציעס, צעשיידט מיט קאָמעס (טאַהאָמאַ, ווערדאַנאַ). סייַדן דער באַניצער ערשטער שריפֿט, די סיסטעם ניצט אַ פּשוט אנדער ברירה.
- גרייס. צו פאַרגרעסערן אָדער פאַרקלענערן די טעקסט, אַרייַן אַ ציטירטן ווערט פון 1 צו 7.
- קאָליר. דעפּענדינג אויף די פּלאַן, איר קענען קלייַבן איינער פון די סטאַנדאַרט פֿאַרבן (רויט, גרין, בלוי) אָדער אַרייַן די קאָד פון קיין קאָליר צו קלייַבן פון.
דו זאלסט נישט נוצן פּאַראַגראַפס וואָס זענען פאָרמאַטטעד ניצן די <שריפֿט>, אַנשטאָט פון סאַבטייטאַלז. עס איז בעסער צו פרעגן די זעלבע פּלאַן פּאַראַמעטערס ריכטיק קוויטל.
מעטהאָדס פֿאַר סאַלעקטינג טעקסט
מאַנאַטאַנאַס טעקסט טיירינג, אַפֿילו צעבראכן אַראָפּ אין פּאַראַגראַפס. די שליסל ווייזט איז רעקאַמענדיד צו אַלאַקייט גראַפיקאַללי צו צוציען ופמערקזאַמקייַט און קאָך אינטערעס אין די לייענער. דאָ זענען אַ ביסל טימז וואָס וועט קאָפּע מיט דעם אַרבעט.
... b> . גאָר פאָלקס די HTML קוויטל. דרייסט טעקסט קאַטשאַז די אויג, אָבער ווייַל מיט עס איז באַקוועם צו ויסטיילן די וויכטיק גערעדט ווייזט און Facts.
פילע מענטשן צעטומלען טאַגס און . וויזשוואַלי עס איז קיין חילוק, אָבער זיי אַרבעטן אין פאַרשידענע וועגן. דער ערשטער נאָר ענדערונגען די אויסזען פון די טעקסט, און די אנדערע באדינט ווי אַ "טייַטל" און כיילייץ די מערסט וויכטיק פּאַרץ (טימאַטיק טערמינען און פֿראַזעס פֿאַר סעאָ).
<איך> ... איך> . עלעגאַנט און שטרענג קורס איז ידעאַל פֿאַר דעם פּלאַן פון SCIENTIFIC ווערטער, פרעמד ווערטער און פאַרשידן סייטיישאַנז. אין ערנסט אויסגאבעס ייטאַליק אויך מעלדונג די נעמען פון אַרבעט פון קונסט.
<ו> ... ו> . טאָמער אַזוי פיל סיכסעך האט נישט גרונט קיין HTML-צעטל. אַנדערליין טעקסט איז ראַרעלי געניצט, ווי דעם אַלאַקיישאַן אופֿן כיסטאָריקאַלי ענטרענטשט פֿאַר כייפּערלינגקס. אויב איר נוצן די <ו> אין ארטיקלען, ביטע טאָן אַז דאָס איז בלויז פּאַסיק פֿאַר קורץ ברעקלעך - ניט מער ווי 1 שורה.
<ד> ... א> . טשיקאַווע קוויטל אַז אַלאַוז איר צו טאָן עטלעכע פון די סטריקעטהראָוגה טעקסט. זייער באַטייַטיק אין גאַנצע - למשל, צו ונטערשטרייַכן די קאַנטראַסט צווישן די אַלט און נייַ פּרייסיז.
... big> . די יזיאַסט וועג צו פאַרגרעסערן די שריפֿט גרייס אָן קיין נאָך סעטטינגס.
<קליין> ... קליין> . עס אַרבעט אויף די זעלבע פּרינציפּ ווי די פֿריִערדיקע קוויטל. טעקסט דיספּאָוזד ין, רידוסט מיט רעספּעקט צו דער ערד.
... SUP> . די ריכטיק נאָמען פֿאַר דעם פֿאָרמאַט - די סופּערסקריפּט. באַסיקאַללי, דעם קוויטל איז דיזיינד פֿאַר מאַט דיגריז און פאָאָטנאָטעס. עס ראַדוסאַז די שריפֿט גרייס און שיפץ די אויסגעקליבן טעקסט אַרויף.
<סאַב> ... סאַב> . די סובסקריפּט איז אָפֿט געפֿונען אין אַ פאַרשיידנקייַט פון פאָרמולאַס. די ייסאַלייטאַד פראַגמענט איז ליגן ונטער דעם הויפּט טעקסט.
סעמאַנטיק קאַנטיינערז
ווי עטלעכע בלאַקס זענען געפֿונען אין פילע טעקסץ, פֿאַר זיי אנגעהויבן צו שאַפֿן ספּעציעל טאַגס. דעם סימפּליפיעס די formatting, ווייַל אויב יעדער צופרידן טיפּ האט זייַן אייגן גאַנג פון סטיילז, אַלאַקייט גענוג שטיק פון טעקסט און אָנווייַזן וואָס אינפֿאָרמאַציע עס כּולל.
<קאָד> ... קאָד> . קוויטל פֿאַר די קאָמפּיוטער קאָודז. ינדיספּענסאַבאַל אין ארטיקלען פּראָגראַממינג יגזאַמפּאַלז - קאַמאַנדז זענען נישט עקסאַקיוטאַד און געוויזן ווי קלאָר טעקסט.
<ציטירן> ... ציטירן> . דיזיינד צו פּראָצעס ציטירט - למשל, דער שליסל עקסערפּץ פון די אינטערוויו.
<בלאָקקקוואָטע> ... בלאָקקקוואָטע> . עס מאכט אַ טייל פֿון דער טעקסט אין אַ באַזונדער בלאָק. דורך ניט ויסצאָלן, די סעלעקציע איז ינדענטעד אויף די לינקס, אָבער אין קסס איר קענען אויך טוישן די גרייס, טיפּעפאַסע נוסח און קאָלירן פון די טעקסט.
<אַדרעס> ... אַדרעס> . אָפּטיאָנאַל קוויטל אַז כּולל אינפֿאָרמאַציע וועגן דעם מחבר, כולל אַ לינק.
די דיוויידינג שורה <הר>
מיט פּשוט פֿעיִקייטן, איר קענען דעזיגנייט די לאַדזשיקאַל סוף פון אַ גרויס אָפּטיילונג. <הר> ניט אַ פּאָר טאַגס. דעם מיטל אַז די קלאָוזינג ...> טאָן ניט דאַרפֿן אַ פֿאָרמאַט נומער.
C ניצן ברייט אַטריביוט קענען זיין געמאכט קירצער ווי די סעפּאַראַטאָר דורך באַשטעטיקן די צונעמען גרייס אין פּיקסעלס אָדער פּראָצענט פון די פֿענצטער ברייט.
צו לערנען צו נוצן די טאַגס צו פֿאָרמאַט טעקסט אין HTML, איר וועט ניט בלויז מאַכן דיין ארטיקלען גרינגער צו לייענען, אָבער אויך פֿאַרבעסערן די עפעקטיווקייַט פון סעאָ.
Similar articles
Trending Now